@charset "utf-8";

.txtPurple{color:#564cd4;}
.txtGreen{color:#2d9791;}
.txtPink{color:#da39ed;}
.txtRed{color:#f54325;}
input[type='text'],
input[type='password'],
input[type='number'],
select{height:42px;border:1px solid #dedede;border-radius:4px;}
textarea{border:1px solid #dedede;border-radius:4px;}
input.useDatepicker{background:#fff url(/images/n21/sub/icon_inputDate.gif) no-repeat 92% center}
.ui-datepicker select{height:25px;}
h4{margin-bottom:20px;font-size:26px;font-weight:500;color:#101010;}
h5{margin-bottom:15px;padding-left:40px;background:url(/images/n21/sub/icon_h5.png) no-repeat left top;font-size:23px;font-weight:500;color:#3e35aa;line-height:100%;letter-spacing:-.5px;}
h6{margin-bottom:8px;font-size:19px;font-weight:500;}
h5 span{font-weight:400;}
h4 .floatRight{margin-top:-10px;}
.h4Content{padding-bottom:50px;}
.h4Content p{font-size:18px;line-height:145%;}
.h4Content p + p,
.h4Content p + ul,
.h4Content p + div{margin-top:15px;}
.h5Content{padding-left:40px;}
.h5Content + *{margin-top:50px;}
.h5Content > h6{margin-top:25px;}
.h5Content > p,
.h6Content > p{font-size:16px;line-height:145%;}
.topTxtArea{margin-bottom:15px;font-size:16px;line-height:145%;}

/* btn */
.btnArea{margin:35px 0;}
.paging + .btnArea.right{margin-top:-105px;}
.btnArea a{margin:0 5px;}
.btnArea .btn_l{min-width:102px;}
.btn_l{padding:0 30px;height:50px;border-radius:4px;line-height:48px;font-size:18px;display: inline-block;}
.btn_l.on{background:#3e35aa;border:1px solid #3e35aa;color:#fff;}
.btn_l.gray{background:#7e7d8c;border:1px solid #7e7d8c;color:#fff;}
.btn_m{padding:10px 20px;min-width:110px;height:auto;border-radius:4px;background:#535353;border:0px none;line-height:135%;font-size:16px;color:#fff;}
.btn_m.on{background:#2d9791;border:0px none;}
.btn_m.down{padding-left:42px;background-image:url(/images/n21/sub/icon_down.png);background-repeat:no-repeat;background-position:left 20px center;}
.btn_m.white{height:41px;color:#535353;background:#fff;border:1px solid #535353;box-sizing:border-box;}
.btn_s{padding:0 15px;height:34px;background:#7e7d8c;border-radius:4px;border:0px none;color:#fff;line-height:34px;font-size:14px;}
.downIcon{display:inline-block;vertical-align:text-top;margin-right:8px;width:15px;height:15px;background:url(/images/n21/sub/btn_downIcon.png) no-repeat;}

/* tab */
.tabBar{margin-bottom:40px;text-align:center;}
.tabBar li{display:inline-block;vertical-align:middle;margin:0 1px;padding:0 30px;min-width:160px;height:50px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;line-height:48px;}
.tabBar li.active{border:2px solid #654F4F;box-shadow:2px 2px 6px #d8d8d8;background-color:#856c6c;}
.tabBar li a{display:block;font-size:18px;font-weight:500;color:#1D1D1D;}
.tabBar li.active a{color:#fff;}
.tabBar.type2 li{padding:0 10px;min-width:auto;height:auto;border:0px none !important;box-shadow:none !important;line-height:140%;}
.tabBar.type2 li a{position:relative;font-size:20px;font-weight:400;}
.tabBar.type2 li.active a{font-weight:500;}
.tabBar.type2 li.active a:after{display:block;content:'';position:absolute;left:-1px;right:-1px;bottom:-2px;height:10px;background:#f6cdfa;z-index:-1;}
.tabBar + .tabBar.type2{margin-top:-15px;}

/* ======================================== subLayout ======================================== */
/*
CDN사용을 위해 include jsp 로 옮김.
#container.bg1{background:url(/images/n21/sub/bg_subVisual1.jpg) no-repeat center 31px;}
#container.bg2{background:url(/images/n21/sub/bg_subVisual2.jpg) no-repeat center 31px;}
#container.bg3{background:url(/images/n21/sub/bg_subVisual3.jpg) no-repeat center 31px;}
#container.bg4{background:url(/images/n21/sub/bg_subVisual4.jpg) no-repeat center 31px;}
#container.bg5{background:url(/images/n21/sub/bg_subVisual5.jpg) no-repeat center 31px;}
#container.bg6{background:url(/images/n21/sub/bg_subVisual6.jpg) no-repeat center 31px;}
*/
#subVisual > .inner{height:220px;}
#subVisual h2{padding-top:65px;text-align:center;font-size:36px;font-weight:900;color:#fff;line-height:130%;}
#naviBar{position:absolute;bottom:0;left:0;right:0;background:rgba(62,53,170,.88);border-top-left-radius:30px;}
#naviBar:after{display:block;content:'';clear:both;position:absolute;left:100%;top:0;width:1000px;height:48px;background:rgba(62,53,170,.88);}
#naviBar .naviList{float:left;}
#naviBar .naviList > li{display:block;float:left;position:relative;}
#naviBar .naviList > li.home{width:60px;background:url(/images/n21/sub/icon_naviBar_home.png) no-repeat center;border-right:1px solid rgba(255,255,255,.3);line-height:48px;text-indent:-9999em;}
#naviBar .naviList > li.home a{display:block;}
#naviBar .naviList > li.type2 > a{display:block;padding:0 30px 0 14px;min-width:200px;background:url(/images/n21/sub/icon_naviList_ar.png) no-repeat 93% center;border-right:1px solid rgba(255,255,255,.3);box-sizing:border-box;line-height:48px;color:#fff;font-size:16px;}
#naviBar .naviList > li ul{display:none;position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid #7f7ed4;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow:hidden;z-index:1;}
#naviBar .naviList > li ul li a{display:block;padding:14px;border-bottom:1px solid #e3e3e3;font-size:16px;letter-spacing:-.5px;color:#333;}
#naviBar .naviList > li ul li:last-child a{border-bottom:0px none;}
#naviBar .naviList > li ul li a:hover{background:#f4f3ff;color:#3e35aa;font-weight:500;}
#naviBar .rightArea{float:right;border-left:1px solid rgba(255,255,255,.3);}
#naviBar .rightArea > a{display:block;float:left;width:50px;height:48px;border-right:1px solid rgba(255,255,255,.3);text-indent:-9999em;}
#naviBar .rightArea .shareSns{display:none;position:absolute;right:0;top:48px;padding:12px 18px;background:#fff;border:1px solid #7f7ed4;border-bottom-left-radius:6px;border-bottom-right-radius:6px;z-index:1;}
#naviBar .rightArea .shareSns::before{display:block;content:'';position:absolute;right:70px;top:-4px;width:7px;height:4px;background:url(/images/n21/sub/icon_shareSns_ar.png) no-repeat;}
#naviBar .rightArea .shareSns a{display:inline-block;margin:0 2px;}
#naviBar .rightArea .shareSns a span{display:block;width:40px;height:40px;background-repeat:no-repeat;text-indent:-9999em;}
#naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1.png);}
#naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2.png);}
#naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3.png);}
#naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4.png);}
#naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5.png);}
#naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6.png);}
#naviBar .rightArea .likeBtn{background:url(/images/n21/sub/icon_naviBar_likeBtn.png) no-repeat center;}
#naviBar .rightArea .shareBtn{background:url(/images/n21/sub/icon_naviBar_shareBtn.png) no-repeat center;}
#naviBar .rightArea .printBtn{background:url(/images/n21/sub/icon_naviBar_printBtn.png) no-repeat center;}
.bg2 #naviBar,
.bg2 #naviBar:after{background:rgba(0,144,131,.88);}
.bg3 #naviBar,
.bg3 #naviBar:after{background:rgba(8,123,212,.88);}
.bg4 #naviBar,
.bg4 #naviBar:after{background:rgba(216,97,31,.88);}
.bg5 #naviBar,
.bg5 #naviBar:after{background:rgba(136,73,218,.88);}
.bg2 #naviBar .naviList > li ul,
.bg2 #naviBar .rightArea .shareSns{border-color:#07ad9e;}
.bg3 #naviBar .naviList > li ul,
.bg3 #naviBar .rightArea .shareSns{border-color:#1a8ae1;}
.bg4 #naviBar .naviList > li ul,
.bg4 #naviBar .rightArea .shareSns{border-color:#e37b42;}
.bg5 #naviBar .naviList > li ul,
.bg5 #naviBar .rightArea .shareSns{border-color:#8f51df;}
.bg2 #naviBar .naviList > li ul li a:hover{background:#edf7f6;color:#009083;}
.bg3 #naviBar .naviList > li ul li a:hover{background:#f3f6ff;color:#087bd4;}
.bg4 #naviBar .naviList > li ul li a:hover{background:#fcf6f6;color:#d8611f;}
.bg5 #naviBar .naviList > li ul li a:hover{background:#f8f3ff;color:#8849da;}

.bg2 #naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5_2.png);}
.bg2 #naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6_2.png);}

.bg3 #naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5_3.png);}
.bg3 #naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6_3.png);}

.bg4 #naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5_4.png);}
.bg4 #naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6_4.png);}

.bg5 #naviBar .rightArea .shareSns .icon1{background-image:url(/images/n21/sub/icon_shareArea1_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon2{background-image:url(/images/n21/sub/icon_shareArea2_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon3{background-image:url(/images/n21/sub/icon_shareArea3_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon4{background-image:url(/images/n21/sub/icon_shareArea4_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon5{background-image:url(/images/n21/sub/icon_shareArea5_5.png);}
.bg5 #naviBar .rightArea .shareSns .icon6{background-image:url(/images/n21/sub/icon_shareArea6_5.png);}

#container h3{padding:60px 0 40px;font-size:38px;font-weight:700;color:#222;text-align:center;line-height:110%;}
#subContents{padding-bottom:130px;min-height:480px;}
#mobileNavTab{display:none;padding-top:15px;/* border-bottom:1px solid #313131; */border-bottom:1px solid #e3e3e3;overflow-x:auto;}
#mobileNavTab ul{display:table;padding:0 3%;}
#mobileNavTab ul li{display:table-cell;white-space:nowrap;}
#mobileNavTab ul li a{display:block;padding:0 8px 15px;font-size:16px;font-weight:500;color:#3d3d3d;}
#mobileNavTab ul li.active a{position:relative;color:#564cd4;font-weight:900;}
#mobileNavTab ul li.active a:after{display:block;content:'';position:absolute;bottom:0;left:8px;right:8px;border-bottom:4px solid #564cd4;}

/* 게시판 */
.bbsSearch{position:relative;margin-bottom:30px;padding:30px;padding-left:230px;background:#f3f3f3;text-align:right;}
.bbsSearch .totalNum{position:absolute;left:30px;bottom:30px;}
.bbsSearch input,
.bbsSearch select,
.bbsSearch a{margin:1px 0;}
.totalNum{display:block;padding-left:30px;background:url(/images/n21/sub/icon_totalNum.png) no-repeat left center;font-size:16px;line-height:21px;}
.totalNum em{font-weight:500;}
.bbsSearch input[type="submit"]{width:73px;height:42px;background:#373272;border:0px none;border-radius:4px;text-align:center;color:#fff;line-height:42px;font-size:16px;}
.bbsSearch .btnAll{display:inline-block;vertical-align:middle;width:42px;height:42px;background:#7e7d8c url(/images/n21/sub/icon_bbsSearch_btnAll.png) no-repeat center;border-radius:4px;text-indent:-9999em;text-align:left;}
.bbsSearch.type2{padding:20px 0;background:none;border-bottom:1px solid #e3e3e3;}
.bbsSearch.type3{padding-left:30px;text-align:center;}
.bbsSearch dl{display:inline-block;vertical-align:middle;}
.bbsSearch dl dt{display:inline-block;vertical-align:middle;margin-right:5px;font-size:16px;}
.bbsSearch dl dd{display:inline-block;vertical-align:middle;}
.bbsSearch dl dd + dt{margin-left:20px;}
.listCondition{padding:0 5px 15px;}
.listCondition:after{display:block;content:'';clear:both;}
.listCondition .totalNum{float:left;}
.listCondition .sortItem{float:right;}
.listCondition .sortItem li{display:inline-block;vertical-align:middle;}
.listCondition .sortItem li a{display:block;position:relative;padding:0 10px;color:#535353;}
.listCondition .sortItem li a:after{display:block;content:'';position:absolute;top:50%;right:-1px;margin-top:-6px;height:12px;border-right:1px solid #e6e6e6;}
.listCondition .sortItem li:last-child a:after{display:none;}
.listCondition .sortItem li.active a{text-decoration:underline;color:#3e35aa;font-weight:500;}

/* 조직안내 검색창 */
.mbSearchform .input-keyword{white-space:nowrap;}
@media all and (min-width:768px){
	.mbSearchform .markItem{font-size:21px;vertical-align: middle;}
	.mbSearchform select{width:265px; height:47px; font-size:17px;}
	.mbSearchform input[type="submit"]{height:47px;}
}

.tableList{border-top:2px solid #313131;}
.tableList ul{display:table;width:100%;border-collapse:collapse;table-layout:fixed;}
.tableList ul li{display:table-row;clear:both;border-bottom:1px solid #e3e3e3;}
.tableList ul li:hover{background:#f3faf7;}
.tableList ul li:hover .title a{color:#0a6f6a;}
.tableList ul li:after{display:block;content:'';clear:both;}
.tableList ul li > *{display:table-cell;padding:10px 0;height:74px;vertical-align:middle;box-sizing:border-box;}
.tableList ul li .num{width:8%;font-size:16px;text-align:center;}
.tableList ul li .num em{display:inline-block;width:50px;height:50px;background:#2d9791;border-radius:50%;font-size:15px;color:#fff;line-height:50px;}
.tableList ul li .title{width:100%;}
.tableList ul li .title a{display:block;padding:0 20px;font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:50px;font-weight:300;}
.tableList ul li .title a .cateItem{display:inline-block;margin-right:7px;color:#2d9791;font-weight:500;}
.tableList ul li .fileDown{width:40px;text-align:center;}
.tableList ul li .quickView{width:102px;text-align:center;}
.tableList ul li .quickView a{display:inline-block;width:83px;height:34px;background:#fff;border:1px solid #cbcbd1;border-radius:17px;line-height:32px;color:#555;box-sizing:border-box;}
.tableList ul li .date{width:128px;font-size:16px;text-align:center;}
.tableList ul li .etc{padding-right:10px;width:40%;text-align:right;box-sizing:border-box;font-size:15px;color:#6c6c6c;}
.tableList ul li .etc em{display:inline-block;padding:0 8px;font-size:13px;color:#dedede;}
.tableList ul li .etc.type2{width:33%;}
.tableList ul li .etc.type2 span{display:block;margin-bottom:3px;}

.tableView{border-top:2px solid #313131;border-bottom:1px solid #e3e3e3;}
.tableView .viewTitle{display:block;padding:30px 10px;background:#f3f3f3;border-bottom:1px solid #e3e3e3;text-align:center;}
.tableView .viewTitle b{font-size:25px;font-weight:500;}
.tableView .viewDetail > li{display:table;padding:15px 30px;width:100%;box-sizing:border-box;border-bottom:1px solid #e3e3e3;font-size:15px;line-height:30px;}
.tableView .viewDetail > li .head{display:inline-block;vertical-align:middle;position:relative;width:70px;}
.tableView .viewDetail > li .head:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-7px;height:14px;border-right:1px solid #e3e3e3;}
.tableView .viewDetail > li .desc{display:inline-block;vertical-align:middle;padding-left:15px;}
.tableView .viewDetail > li .desc + .head{margin-left:100px;}
.tableView .viewDetail > li > div + div{margin-left:60px;}
.tableView .viewDetail > li > div{display:table-cell;}
.fileLink{display:inline-block;}
.fileLink img{display:inline-block;margin-right:8px;}
.tableView .viewDetail > li .quickView{display:inline-block;vertical-align:middle;margin-left:20px;width:83px;height:34px;box-sizing:border-box;border:1px solid #cbcbd1;border-radius:17px;text-align:center;font-size:14px;color:#555;line-height:32px;}
.tableView .viewCon{padding:40px 30px;font-size:16px;line-height:180%;overflow-x:auto;}
.tableView .viewCon iframe{width:100%;}
.tableView .viewCon h6{margin-top:30px;}
.tableView .viewCon table{max-width:100% !important; table-layout:auto; word-break:break-all; }
.tableView .viewCon iframe{max-width:100% !important;}
.tableView .viewCon .tac{ text-align:center; }
.tableView .viewCon .tac img{max-width:75%; }
.tableView .viewCon > p > img{max-width:75%; }

.tableView .viewCon + .viewDetail{border-top:1px solid #e3e3e3;}
.tableView .viewCon + .viewDetail li{border:none;}
.tableView .fileView + .viewDetail{border-top:1px solid #e3e3e3;}
.tableView .fileView + .viewDetail li{border:none;}

#container .tableView .viewCon h2,
#container .tableView .viewCon h3,
.tableView .viewCon h5{margin-bottom:8px;padding:0;background:none;color:#313131;font-size:19px;font-weight:500;text-align:left;}
#container .tableView .viewCon h3{margin-top:30px;font-size:22px;}
.tableView .viewCon .list_type1 > li{display:block;position:relative;padding:4px 0;padding-left:17px;font-size:16px;color:#555;line-height:140%;}
.tableView .viewCon .list_type1 > li:after{display:block;content:'';position:absolute;left:8px;top:13px;width:3px;height:3px;border-radius:50%;background:#3e35aa;}
.tableView .viewCon .table_01 table{width:100%;border-top:2px solid #313131;border-left:1px solid #e3e3e3;}
.tableView .viewCon .table_01 table th,
.tableView .viewCon .table_01 table td{padding:8px 20px;height:50px;box-sizing:border-box;}
.tableView .viewCon .table_01 table thead th{border-bottom:1px solid #8a8a8a;}
.tableView .viewCon .table_01 table th,
.tableView .viewCon .table_01 table td{padding:17px 8px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-size:16px;line-height:145%;text-align:center;word-break:break-all;}
.tableView .viewCon .table_01 table th:last-child,
.tableView .viewCon .table_01 table td:last-child{border-right:1px solid #e3e3e3;}

.tableCon + .tableCon,
.tableCon + .tableView{margin-top:20px;}
.tableCon .list{width:100%;border-top:2px solid #313131;}
.tableCon .list.type2{border-left:1px solid #e3e3e3;}
.tableCon .list thead th{border-bottom:1px solid #8a8a8a;}
.tableCon .list th,
.tableCon .list td{padding:17px 8px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-size:16px;line-height:145%;text-align:center;word-break:break-all;}
.tableCon .list th.alignLeft,
.tableCon .list td.alignLeft{padding-left:15px;}
.tableCon .list th:last-child,
.tableCon .list td:last-child{border-right:0px none;}
.tableCon .list th{font-weight:500;}
.tableCon .list.type2 thead th.bgGray{background:#f6f6f6;border-bottom:1px solid #e3e3e3;font-weight:500;}
.tableCon .list.type2 tbody td b{font-weight:500;}
.tableCon .list.type2 th:last-child,
.tableCon .list.type2 td:last-child{border-right:1px solid #e3e3e3;}
.tableCon .list.type2 th{font-size:18px;font-weight:900;}
.tableCon .list.type2 td b{font-weight:900;}
.tableCon .list.type2 th,
.tableCon .list.type2 td{padding:15px 25px;}
.tableCon .list.type3{border-left:1px solid #e3e3e3;}
.tableCon .list.type3 th,
.tableCon .list.type3 td{padding:8px 20px;height:50px;box-sizing:border-box;}
.tableCon .list.type3 th:last-child,
.tableCon .list.type3 td:last-child{border-right:1px solid #e3e3e3;}

.moveList{position:relative;margin:30px 0;text-align:center;}
.moveList ul li{display:block;position:absolute;top:0;}
.moveList ul li.prev{left:0;right:50%;}
.moveList ul li.next{right:0;left:50%;}
.moveList ul li a{display:block;position:relative;line-height:50px;font-size:16px;}
.moveList ul li.prev a{padding-left:100px;text-align:left;}
.moveList ul li.next a{padding-right:100px;text-align:right;}
.moveList ul li a em{display:block;position:absolute;top:0;font-size:15px;color:#373272;}
.moveList ul li.prev a em{left:0;padding-left:26px;background:url(/images/n21/sub/icon_moveList_prev.gif) no-repeat left center;}
.moveList ul li.next a em{right:0;padding-right:26px;background:url(/images/n21/sub/icon_moveList_next.gif) no-repeat right center;}
.moveList ul li a:hover span{text-decoration:underline;}
.moveList .btn_l{position:relative;z-index:1;}

.login-timer{background-color:#f8f8f8;padding:10px 20px; border-radius:4px; margin-top:10px; text-align:center;}
.login-timer .lb{font-size:14px; margin-bottom:3px;}
.login-timer .timer{font-size:24px;font-weight:bold;color:#222;}

/* 페이징 */
.paging{padding:40px 0;}
.paging a{display:inline-block;vertical-align:middle;margin:0 2px;min-width:38px;height:38px;border-radius:4px;border:1px solid #d9d9d9;text-indent:-9999px;}
.paging a.first{background:url(/images/n21/sub/btn_pageFirst.png) no-repeat center center;}
.paging a.prev{margin-right:10px;background:url(/images/n21/sub/btn_pagePrev.png) no-repeat center center;}
.paging a.next{margin-left:10px;background:url(/images/n21/sub/btn_pageNext.png) no-repeat center center;}
.paging a.last{background:url(/images/n21/sub/btn_pageLast.png) no-repeat center center;}
.paging a.num{text-indent:0;font-size:17px;line-height:38px;color:#313131;}
.paging a.num.active{background:#373272;color:#fff;font-weight:500;}
.mobilePaging{display:none;text-align: center;}
.mobilePaging .mobileNum{display:inline-block;vertical-align:middle;margin:0 auto;line-height:40px;font-size:17px;}
.mobilePaging .mobileNum .active{display:inline-block;color:#373272;}
.mobilePaging a{display:inline-block;vertical-align:middle;margin:0 2px;min-width:38px;height:38px;border-radius:4px;border:1px solid #d9d9d9;text-indent:-9999px;}
.mobilePaging a.first{background:url(/images/n21/sub/btn_pageFirst.png) no-repeat center center;}
.mobilePaging a.prev{margin-right:10px;background:url(/images/n21/sub/btn_pagePrev.png) no-repeat center center;}
.mobilePaging a.next{margin-left:10px;background:url(/images/n21/sub/btn_pageNext.png) no-repeat center center;}
.mobilePaging a.last{background:url(/images/n21/sub/btn_pageLast.png) no-repeat center center;}
.mobilePaging a.num{text-indent:0;font-size:17px;line-height:38px;color:#313131;}
.mobilePaging a.num.active{background:#373272;color:#fff;font-weight:500;}


/* 만족도조사 */
.imgKogl{display:block;float:left;padding-right:10px;width:160px;}

.satisfaction{margin-top:80px;padding:25px 38px;background:#f6f6f6;border-top:1px solid #939393;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.satisfaction p{margin-bottom:14px;padding-left:23px;background:url(/images/n21/sub/icon_satisfaction_alert.png) no-repeat left center;line-height:18px;color:#555;}
.satisfaction .satisBox{margin-bottom:15px;padding:10px;background:#fff;}
.satisfaction .satisBox:after{display:block;content:'';clear:both;}
.satisfaction .satisBox .title{display:block;float:left;position:relative;padding-left:115px;padding-right:30px;background:url(/images/n21/sub/icon_satisBox_title.png) no-repeat 45px center;font-size:17px;font-weight:500;color:#2d9791;line-height:52px;}
.satisfaction .satisBox .title:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-10px;height:20px;border-right:1px solid #e9e9e9;}
.satisfaction .satisBox .radiobox{float:left;padding-left:55px;}
.satisfaction .satisBox .radiobox > span{display:inline-block;vertical-align:middle;margin-right:30px;line-height:48px;}
.satisfaction .satisBox .radiobox input{position:relative;margin-right:10px;width:22px;height:22px;appearance:none;}
.satisfaction .satisBox .radiobox input:after{display:block;content:'';position:absolute;left:0;top:0;width:22px;height:22px;border:1px solid #cdcdcd;border-radius:50%;box-sizing:border-box;}
.satisfaction .satisBox .radiobox input:checked:before{display:block;content:'';position:absolute;left:5px;top:5px;width:12px;height:12px;background:#2d9791;border:0px none;border-radius:50%;}
.satisfaction .satisBox .radiobox label{font-size:16px;color:#555;}
.satisfaction .satisBox .radiobox label img{display:inline-block;vertical-align:text-bottom;margin-left:8px;}
.satisfaction .satisBox .satisBtn{display:block;float:left;margin-left:30px;margin-top:7px;width:98px;height:38px;border-radius:4px;border:1px solid #2d9791;box-sizing:border-box;line-height:36px;font-size:16px;color:#109891;text-align:center;}
.satisfaction .satisBox .satisBtn:hover{background:#2d9791;color:#fff;}
.satisfaction > ul:after{display:block;content:'';clear:both;}
.satisfaction > ul > li{display:block;float:left;position:relative;margin-right:40px;padding-left:15px;line-height:32px;font-size:15px;color:#555;}
.satisfaction > ul > li:last-child{margin-right:0;}
.satisfaction > ul > li:after{display:block;content:'';position:absolute;top:13px;left:3px;width:3px;height:3px;border-radius:50%;background:#000;}
.satisfaction > ul > li b{font-weight:500;}
.satisfaction > ul > li .pageQna{display:inline-block;}
.satisfaction > ul > li .pageQna li{display:inline-block;padding:0 8px;border:1px solid #d3d3d3;line-height:30px;text-align:center;color:#555;font-size:14px;}
.satisfaction .grayConBox{padding:25px 40px;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;}
.satisfaction .p{margin-bottom:14px;padding-left:23px;background:url(/images/n21/sub/icon_satisfaction_alert.png) no-repeat left center;line-height:18px;color:#555;}
.satisfaction .grayConBox:after{display:block;content:'';clear:both;}


/* 카드형게시판 */
.listType{margin-bottom:15px;text-align:right;}
.listType a{display:inline-block;margin-right:25px;padding-left:34px;background:url(/images/n21/sub/icon_listType1.png) no-repeat left center;line-height:27px;color:#535353;}
.listType a.type2{position:relative;margin-right:0;background:url(/images/n21/sub/icon_listType2.png) no-repeat left center;}
.listType a.type2:after{display:block;content:'';position:absolute;left:-15px;top:50%;margin-top:-6px;height:12px;border-right:1px solid #e6e6e6;}
.listType a.active{background:url(/images/n21/sub/icon_listType1_on.png) no-repeat left center;color:#3e35aa;font-weight:500;}
.listType a.type2.active{background:url(/images/n21/sub/icon_listType2_on.png) no-repeat left center;}
.thumbList{border-top:2px solid #313131;}
.thumbList li{display:block;position:relative;padding:20px 250px 20px 20px;min-height:140px;border-bottom:1px solid #e3e3e3;}
.thumbList li a{display:block;}
.thumbList li .title{display:block;padding:10px 0;font-size:21px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.thumbList li .desc{display:block;display:-webkit-box;margin-bottom:25px;height:46px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:23px;font-size:15px;color:#6c6c6c;}
.thumbList li .date{display:block;font-size:15px;color:#6c6c6c;}
.thumbList li .img{display:block;position:absolute;right:0;top:20px;width:222px;height:140px;}
.thumbList li .img img{width:100%;height:100%;}
.cardList ul{margin:0 -12px;}
.cardList ul:after{display:block;content:'';clear:both;}
.cardList ul li{display:block;float:left;margin-bottom:24px;padding:0 12px;width:25%;box-sizing:border-box;}
.cardList ul li > a{display:block;padding:30px;border:1px solid #e3e3e3;border-radius:15px;overflow:hidden;}
.cardList ul li .title{display:block;display:-webkit-box;margin-bottom:25px;height:90px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:30px;font-size:21px;font-weight:500;}
.cardList ul li .date{display:block;color:#6c6c6c;}
.cardList.thumb ul{margin:0 -16px;}
.cardList.thumb ul li{padding:0 15px;}
.cardList.thumb ul li > a{padding:0;}
.cardList.thumb ul li .img{display:block;height:237px;overflow:hidden;}
.cardList.thumb ul li .img img{display:block;width:100% !important;height:100%;}
.cardList.thumb ul li > a:hover img{transform:scale(1.06);transition:0.3s;}
.cardList.thumb ul li .title{margin:24px 24px 15px;height:50px;line-height:25px;font-size:18px;-webkit-line-clamp:2;}
.cardList.thumb ul li .date{margin:0 24px 24px;}
.cardList.thumb ul li > div{display:block;border:1px solid #e3e3e3;}
.cardList.thumb ul li .btnItem{display:block;padding:0 24px 15px;text-align:center;}
.cardList.thumb ul li .btnItem a{margin:2px;}
.cardList.thumb.type2 ul li > div{height:430px;}

/* 영상게시판 */
.topVideoView{position:relative;margin-bottom:40px;padding:50px 0;background:#f4f7fe;}
.topVideoView:before,
.topVideoView:after{display:block;content:'';position:absolute;top:0;bottom:0;background:#f4f7fe;z-index:-1;}
.topVideoView:before{left:-1000px;right:50%;}
.topVideoView:after{right:-1000px;left:50%;}
.topVideoView .title{display:block;margin-bottom:25px;font-size:25px;font-weight:500;}
.topVideoView .videoBox{border-top:2px solid #313131;}
.topVideoView .videoBox:after{display:block;content:'';clear:both;}
.topVideoView .videoBox .videoArea{float:left;width:830px;height:470px;}
.topVideoView .videoBox .videoArea iframe{width:100%;height:100%;}
.topVideoView .videoBox .infoArea{float:left;padding:30px 0 0 45px;width:450px;height:470px;box-sizing:border-box;}
.topVideoView .videoBox .infoArea ul{margin:0 -10px 30px;padding-bottom:12px;border-bottom:1px solid #e0e3eb;}
.topVideoView .videoBox .infoArea ul:after{display:block;content:'';clear:both;}
.topVideoView .videoBox .infoArea ul li{display:block;float:left;position:relative;padding:0 10px;font-size:15px;font-weight:500;}
.topVideoView .videoBox .infoArea ul li:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-6px;height:12px;border-right:1px solid #e0e3eb;}
.topVideoView .videoBox .infoArea ul li:last-child:after{border-right:0px none;}
.topVideoView .videoBox .infoArea .subTitle{height:380px;font-size:15px;line-height:165%;overflow-y:scroll;}
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar{width:8px;}
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-thumb{background-color:#3e35aa;}
.topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-track{background-color:#e0e3eb;}
.videoList ul:after{display:block;content:'';clear:both;}
.videoList ul li{display:block;float:left;padding:20px 12px;width:20%;box-sizing:border-box;}
.videoList ul li .img{display:block;margin:0 auto 15px;width:100%;height:145px;text-align:center;overflow:hidden;}
.videoList ul li .img img{width:100% !important;height:100%;}
.videoList ul li a:hover img{transform:scale(1.06);transition:0.3s;}
.videoList ul li .title{display:block;display:-webkit-box;height:46px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:23px;font-size:17px;text-align:center;letter-spacing:-.5px;}
.videoList ul li a{display:block;}

/* 상단 아이콘박스 */
.topIconBox{position:relative;margin-bottom:55px;padding:40px;padding-left:250px;min-height:200px;box-sizing:border-box;border:1px solid #e0e0e0;border-bottom-left-radius:80px;box-sizing:border-box;}
.topIconBox .icon{display:block;position:absolute;left:68px;top:28px;}
.topIconBox .title{display:block;margin-bottom:10px;font-size:24px;font-weight:500;}
.topIconBox p{font-size:18px;color:#555;line-height:165%;}
.topIconBox .btn_m{margin-top:25px;}
.topIconBox .btn_m + .btn_m{margin-left:5px;}
.topIconBox.type2{padding-left:195px;min-height:136px;}
.topIconBox.type2 .icon{top:23px;}
.topIconBox.type2 .title{font-size:18px;}
.topIconBox.type3{padding-left:195px;min-height:auto;}
.topIconBox.type3 .icon{top:13px;}
.topIconBox.type3 p{font-size:20px;}

/* list type style */
.stepList:after{display:block;content:'';clear:both;}
.stepList > li{display:block;float:left;padding:0 4px;box-sizing:border-box;}
.stepList.col4 > li{width:25%;}
.stepList > li > div{position:relative;padding:23px 35px;background:#f4f7fe;border:1px solid #e5e9f4;border-radius:10px;text-align:center;}
.stepList > li > div:after{display:block;content:'';position:absolute;top:50%;right:-20px;margin-top:-17px;width:34px;height:34px;background:#fff url(/images/n21/sub/icon_stepList_ar.png) no-repeat center;border-radius:50%;z-index:1;box-shadow:1px 1px 4px #bdbdbd;}
.stepList > li:last-child > div:after{display:none;}
.stepList > li .state{display:block;margin:0 auto 12px;width:54px;height:54px;border-radius:50%;background:#685fd7;font-size:15px;font-weight:500;color:#fff;line-height:54px;}
.stepList > li.col1 .state{background:#7e7d8c;}
.stepList > li.col2 .state{background:#2d9791;}
.stepList > li.col3 .state{background:#298fb9;}
.stepList > li .head{display:block;margin-bottom:12px;font-size:21px;font-weight:500;color:#685fd7;}
.stepList > li.col1 .head{color:#7e7d8c;}
.stepList > li.col2 .head{color:#2d9791;}
.stepList > li.col3 .head{color:#298fb9;}
.stepList > li .desc{display:block;padding-top:14px;border-top:1px solid #e5e9f4;font-size:16px;line-height:140%;}
.listCon.dot > li{display:block;position:relative;padding:4px 0;padding-left:17px;font-size:18px;color:#555;line-height:140%;}
.listCon.dot > li:after{display:block;content:'';position:absolute;left:8px;top:13px;width:3px;height:3px;border-radius:50%;background:#3e35aa;}
.listCon.dot.blue > li{color:#3e35aa;}
.listCon.dot > li.type{margin-top:25px;}
.listCon.minus > li{display:block;position:relative;padding-left:10px;font-size:16px;line-height:150%;}
.listCon.minus > li:after{display:block;content:'-';position:absolute;left:0;top:0px;}
.listCon.minus > li.type{margin-top:25px;}
.grayConBox{padding:25px 40px;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;}
.checkList li{display:block;padding:4px 0;padding-left:22px;background:url(/images/n21/sub/icon_checkList_check.png) no-repeat left 10px;line-height:140%;font-size:18px;}
.checkList.blue li{background:url(/images/n21/sub/icon_checkList_check_blue.gif) no-repeat left 10px;}
.checkList.green li{background:url(/images/n21/sub/icon_checkList_check_green.gif) no-repeat left 10px;}
.checkList.yellow li{background:url(/images/n21/sub/icon_checkList_check_yellow.gif) no-repeat left 10px;}
ul + .listCon,
div + .listCon{margin-top:20px;}
.listCon .listCon{margin-top:5px;}
.listCon.numList{margin:10px 0;}
.listCon.numList > li{display:block;position:relative;padding:2px 0 2px 15px;font-size:15px;line-height:150%;}
.listCon.numList > li > .num{position:absolute;left:0;top:2px;}

/* 등록폼 */
.tableCon .reqTop{display:block;font-size:15px;color:#6c6c6c;text-align:right;}
.tableCon > .listCon + .reqTop{margin-top:-22px;}
.tableCon .req{display:inline-block;vertical-align:middle;margin-right:3px;font-size:15px;font-weight:500;color:#f54325;}
.tableCon .form{width:100%;border-top:2px solid #313131;font-size:16px;}
.tableCon .form tbody th{padding:20px;vertical-align:top;text-align:left;font-size:16px;font-weight:400;color:#313131;}
.tableCon .form td{padding:20px;height:67px;border-left:1px solid #e3e3e3;box-sizing:border-box;vertical-align:top}
.tableCon .form th,
.tableCon .form td{border-bottom:1px solid #e3e3e3;}
.tableCon .form th .req{margin-left:3px;}
.tableCon .form input,
.tableCon .form select,
.tableCon .form textarea{border:1px solid #c7c7c7;}
.tableCon .form input[type="radio"]{border:0px none;}
.tableCon .form label{font-size:15px;}
.inputSet{display:inline-block;vertical-align:middle;}
.tableCon .form .inputSet + .btn_s{margin-left:15px;}
.inputSet + .inputSet{margin-left:30px;}
.tableCon .tableExp{vertical-align:middle;color:#0a6f6a;font-size:14px;}
.tableCon input + .tableExp{margin-left:10px;}
.tableCon .form textarea{resize:none;}
.tableCon p.tableExp{margin-left:0;padding-top:10px;}
.tableCon .tableDesc{margin-bottom:10px;}
input[type="radio"]{position:relative;margin-right:5px;width:22px;height:22px;background:#fff;border-radius:50%;appearance:none;}
input[type="radio"]:after{display:block;content:'';position:absolute;left:0;top:0;width:22px;height:22px;border:1px solid #cdcdcd;border-radius:50%;box-sizing:border-box;}
input[type="radio"]:checked:before{display:block;content:'';position:absolute;left:6px;top:6px;width:10px;height:10px;background:#313131;border:0px none;border-radius:50%;}
input[type='checkbox']{width:22px;height:22px;border-radius:4px;appearance:none;border:1px solid #cdcdcd;background:#fff;}
input[type='checkbox']:checked{appearance:auto;}
input + label{font-size:16px;color:#555;}
.filebox{margin-bottom:3px;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.filebox label {display: inline-block;width:82px;height:34px;color: #999;vertical-align: middle;border:1px solid #313131;cursor: pointer;border-radius: 4px;line-height:32px;box-sizing:border-box;color:#313131;text-align:center;}
.filebox label.file-focus{outline:2px solid #000;}
.filebox .upload-name {display: inline-block;width:50%;height: 34px;font-size:15px;background-color: #fff;border:0px none;line-height:34px;text-indent:5px;}
.filebox .btn_delFile{display:inline-block;margin-left:8px;}

/* 참여 */
.reportBox{margin-bottom:30px;padding:35px 60px;background:#f4f7fe url(/images/n21/sub/img_reportBox.png) no-repeat 92% center;border:1px solid #e5e9f4;border-radius:10px;}
.reportBox .title{display:block;margin-bottom:15px;font-size:28px;font-weight:500;line-height:110%;}
.reportBox p{font-size:16px;line-height:160%;}
.reportBox p b{font-weight:500;}
.numberList{margin-bottom:50px;}
.numberList li{display:block;position:relative;margin-bottom:25px;padding-left:45px;}
.numberList li .num{display:block;position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#2d9791;text-align:center;line-height:32px;color:#fff;font-size:18px;font-weight:500;}
.numberList li > b{display:block;margin-bottom:5px;line-height:32px;font-size:18px;font-weight:500;}
.numberList li p{font-size:16px;line-height:150%;}
.hopeConTop{position:relative;margin-bottom:40px;height:180px;background:url(/images/n21/sub/bg_hopeConTop.gif) repeat-x center;border:1px solid #e5e9f4;border-bottom-left-radius:80px;box-sizing:border-box;}
.hopeConTop:before,
.hopeConTop:after{display:block;content:'';position:absolute;bottom:0;}
.hopeConTop:before{left:94px;width:223px;height:154px;background:url(/images/n21/sub/bg_hopeConTop_before.png) no-repeat;}
.hopeConTop:after{right:27px;width:292px;height:148px;background:url(/images/n21/sub/bg_hopeConTop_after.png) no-repeat;}
.hopeConTop p{padding-top:35px;line-height:150%;font-weight:700;font-size:26px;color:#555;text-align:center;}
.hopeConTop p b{display:block;margin-top:3px;font-size:36px;}
.hopeConTop p .txtSmall{display:inline-block;vertical-align:middle;position:relative;font-size:18px;font-weight:500;}
.hopeConTop p .txtSmall:after{display:block;content:'';position:absolute;bottom:10px;left:0;right:0;height:7px;background:rgba(45,168,162,.2);}

/* 이용안내 */
.loginExp{margin-left:40px;margin-bottom:18px;font-size:16px;line-height:160%;}
.loginBox{padding:55px 0;border:1px solid #e0e0e0;border-bottom-left-radius:80px;text-align:center;}
.loginInput{margin-bottom:25px;}
.loginInput span{display:inline-block;vertical-align:middle;margin-right:15px;}
.loginInput input{display:block;width:490px;}
.loginInput input + input{margin-top:8px;}
.loginInput .btnLogin{display:inline-block;vertical-align:middle;width:100px;height:92px;background:#3e35aa;border-radius:4px;color:#fff;text-align:center;line-height:92px;font-size:16px;}
.loginBox .goLink{display:inline-block;vertical-align:middle;padding-right:25px;background:url(/images/n21/sub/icon_loginBox_goLink.gif) no-repeat right center;font-size:16px;color:#0a6f6a;line-height:20px;}
.loginBox .goLink:hover{text-decoration:underline;}
.loginBox .goLink + .goLink{margin-left:20px;}
.loginBox .loginCertify{padding:0 40px;}
.loginBox .loginCertify ul:after{display:block;content:'';clear:both;}
.loginBox .loginCertify ul li{display:block;float:left;position:relative;padding-left:100px;width:35%;background-repeat:no-repeat;background-position:30px top;text-align:left;box-sizing:border-box;}
.loginBox .loginCertify ul.col2 li{padding-left:200px;width:50%;background-position:130px top;}
.loginBox .loginCertify ul.col2 li.snsLogin{padding-left:0;width:50%;}
.loginBox .loginCertify ul.col2 li.snsLogin a{margin:0 auto;}
.loginBox .loginCertify ul.col2 li.icon1 p + .btnPurple{margin-top:20px;}
.loginBox .loginCertify ul li:after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid #e3e3e3;}
.loginBox .loginCertify ul li:last-child:after{display:none;}
.loginBox .loginCertify ul li.icon1{background-image:url(/images/n21/sub/icon_loginCertify1.gif);}
.loginBox .loginCertify ul li.icon2{background-image:url(/images/n21/sub/icon_loginCertify2.gif);}
.loginBox .loginCertify ul li p{font-size:15px;color:#555;line-height:145%;}
.loginBox .loginCertify ul li p + .goLink{margin:8px 0 20px;}
.loginBox .loginCertify ul li p + .btnPurple{margin-top:27px;}
.loginBox .loginCertify ul li.icon1 p + .btnPurple{margin-top:48px;}
.loginBox .loginCertify ul li .btnPurple{display:block;width:220px;height:58px;background:#3e35aa;border-radius:4px;text-align:center;color:#fff;line-height:58px;font-size:16px;}
.loginBox .loginCertify ul li.snsLogin{padding-left:43px;width:30%;}
.loginBox .loginCertify ul li.snsLogin a{display:block;width:270px;height:60px;border-radius:4px;text-align:center;line-height:60px;font-size:16px;}
.loginBox .loginCertify ul li.snsLogin a.kakao{background:#fee101;}
.loginBox .loginCertify ul li.snsLogin p + a{margin-top:15px;}
.loginBox .loginCertify ul li.snsLogin p + a + a.naver{margin-top:10px;}
.loginBox .loginCertify ul li input[type="text"]{display:block;margin-bottom:22px;width:220px;}
.loginBox .loginCertify ul li.icon1 input[type="text"]{margin-top:23px;}
.loginBox .loginCertify ul li.icon2 input[type="text"]{margin-top:50px;}
.loginBox .loginCertify ul li.snsLogin input[type="text"]{margin-top:10px;}
.loginBox .loginCertify ul li.snsLogin a.naver{margin-top:20px;background:#29a300;color:#fff;}
.loginBox .loginCertify ul li.snsLogin a img{display:inline-block;vertical-align:middle;margin-right:5px;margin-top:-5px;}
.loginBox + .listCon{margin-left:40px;margin-top:35px;}
.loginBox + h5,
.listCon + h5{margin-top:60px;}
.joinStep{margin-bottom:40px;text-align:center;}
.joinStep li{display:inline-block;vertical-align:middle;position:relative;padding:0 6px;}
.joinStep li:after{display:block;content:'';position:absolute;left:-10px;top:20px;width:16px;border-bottom:1px solid #bebec5;z-index:0;}
.joinStep li:first-child:after{display:none;}
.joinStep li em{display:inline-block;vertical-align:middle;width:42px;height:42px;border-radius:50%;border:2px solid #81808f;text-align:center;line-height:38px;color:#7e7d8c;font-size:18px;font-weight:500;box-sizing:border-box;}
.joinStep li.active .num{background:#3e35aa;border-color:#3e35aa;color:#fff;}
.joinStep li .txt{display:none;vertical-align:middle;padding:0 8px;line-height:42px;color:#3e35aa;font-size:22px;font-weight:500;}
.joinStep li.active .txt{display:inline-block;}
.joinType{margin-top:50px;text-align:center;}
.joinType > div{display:inline-block;margin:0 20px;padding:45px 0 55px;width:480px;border:1px solid #e0e0e0;border-bottom-left-radius:80px;box-sizing:border-box;}
.joinType > div img{display:block;margin:0 auto 15px;}
.joinType > div span{display:block;margin-bottom:45px;font-size:26px;}
.joinType > div span b{font-weight:700;}
.joinType .btnPurple{display:block;margin:0 auto;width:150px;height:50px;background:#3e35aa;border-radius:4px;text-align:center;color:#fff;line-height:50px;font-size:16px;}
.agreeBox{margin-bottom:20px;padding:35px;border:1px solid #e0e0e0;box-sizing:border-box;}
.agreeBox textarea{display:block;width:100%;height:215px;resize:none;border:0px none;font-size:15px;color:#555;line-height:160%;}
.agreeBox + input{margin-left:38px;}
.joinEnd{padding:65px 0;border:1px solid #e0e0e0;border-bottom-left-radius:80px;text-align:center;}
.joinEnd p{padding:25px 0 40px;font-size:16px;color:#555;line-height:160%;}
.joinEnd .txtBig{display:block;margin-bottom:10px;font-size:26px;line-height:160%;font-weight:400;}

/* 정보공간 */
.politiName{margin:10px 0 40px;}
.politiName ul:after{display:block;content:'';clear:both;}
.politiName ul li{display:block;float:left;width:16.6666%;}
.politiName ul li a{display:block;margin:-1px;height:46px;background:#f6f6f6;border:1px solid #e3e3e3;line-height:46px;text-align:center;font-size:16px;}
.politiName ul li.active a{background:#2d9791;border:1px solid #2d9791;color:#fff;font-weight:500;}

/* 위원회소개 */
.missionCon{margin-bottom:60px;}
.missionCon .topVision{margin:0 auto;padding-top:75px;width:450px;height:348px;background:url(/images/n21/sub/bg_topVision.gif) no-repeat 17px center;box-sizing:border-box;text-align:center;font-size:24px;line-height:140%;letter-spacing:-1px;}
.missionCon .topVision .topTitle{display:block;margin-bottom:18px;font-size:30px;font-weight:900;}
.missionCon .topVision b{font-weight:900;}
.missionCon .topVision .txtGreen{color:#685fd7;}
.missionCon .purposeCon{padding-top:73px;background:url(/images/n21/sub/bg_purposeCon.gif) no-repeat center top;}
.missionCon .purposeCon .topTitle{display:block;position:relative;margin:0 auto 48px;width:292px;height:53px;border:4px solid #7e7d8c;border-radius:26.5px;background:#fff;box-sizing:border-box;font-size:26px;text-align:center;font-weight:900;line-height:45px;}
.missionCon .purposeCon .topTitle:after{display:block;content:'';position:absolute;left:-14px;right:-14px;bottom:-14px;top:-14px;border-radius:35px;border-bottom:1px solid #b5b7c1;}
.missionCon .purposeCon > ul{text-align:center;}
.missionCon .purposeCon > ul > li{display:inline-block;vertical-align:middle;padding:0 50px;}
.missionCon .purposeCon > ul li .head{display:table;position:relative;margin-bottom:85px;width:263px;height:200px;border-radius:40px;}
.missionCon .purposeCon > ul li .head:before{display:block;content:'';position:absolute;left:50%;bottom:-19px;margin-left:-14.5px;width:29px;height:9px;background:#fff;}
.missionCon .purposeCon > ul li .head:after{display:block;content:'';position:absolute;bottom:-15px;left:-15px;right:-15px;top:15px;border-bottom:1px solid #685fd7;border-left:1px solid #fff;border-right:1px solid #fff;border-radius:55px;z-index:-1;}
.missionCon .purposeCon > ul li.item2 .head:after{border-bottom:1px solid #298fb9;}
.missionCon .purposeCon > ul li.item3 .head:after{border-bottom:1px solid #b6892a;}
.missionCon .purposeCon > ul li.item1 .head{background:#685fd7;}
.missionCon .purposeCon > ul li.item2 .head{background:#298fb9;}
.missionCon .purposeCon > ul li.item3 .head{background:#b6892a;}
.missionCon .purposeCon > ul li .head b{display:table-cell;vertical-align:middle;font-size:22px;font-weight:900;line-height:145%;color:#fff;}
.missionCon .purposeCon > ul ul{position:relative;}
.missionCon .purposeCon > ul ul:before{display:block;content:'';position:absolute;top:-75px;left:126px;width:9px;height:9px;background:#7e7d8c;border-radius:50%;}
.missionCon .purposeCon > ul ul:after{display:block;content:'';position:absolute;top:-66px;left:130px;height:52px;border-right:1px solid #7e7d8c;}
.missionCon .purposeCon > ul ul li{text-align:left;font-size:18px;}
.statusCon{padding-top:10px;}
.statusCon ul li{display:block;position:relative;padding:10px 0 10px 250px;min-height:180px;box-sizing:border-box;}
.statusCon ul li + li{margin-top:20px;}
.statusCon .head{display:table;position:absolute;left:0;top:0;width:180px;height:180px;}
.statusCon .head:before{display:block;content:'';position:absolute;right:-16px;top:50%;margin-top:-15px;width:9px;height:30px;background:#fff;}
.statusCon .head:after{display:block;content:'';position:absolute;right:-12px;top:-12px;bottom:-12px;left:-12px;border-right:1px solid #298fb9;border-radius:45px;border-top:1px solid #fff;border-bottom:1px solid #fff;z-index:-1;}
.statusCon .item2 .head:after{border-right:1px solid #b6892a;}
.statusCon .head b{display:table-cell;vertical-align:middle;border-radius:40px;font-size:22px;font-weight:900;line-height:145%;color:#fff;text-align:center;}
.statusCon .item1 .head b{background:#298fb9;}
.statusCon .item2 .head b{background:#b6892a;}
.statusCon .desc{position:relative;display:table;padding:0 40px;width:100%;height:160px;background:#f4f7fe;border-radius:10px;border:1px solid #e5e9f4;box-sizing: border-box;}
.statusCon .desc:before{display:block;content:'';position:absolute;left:-64px;top:50%;margin-top:-4.5px;width:9px;height:9px;border-radius:50%;background:#7e7d8c;}
.statusCon .desc:after{display:block;content:'';position:absolute;left:-55px;top:50%;width:54px;border-top:1px solid #7e7d8c;}
.statusCon .desc p{display:table-cell;vertical-align:middle;font-size:17px;line-height:160%;}
.historyList{position:relative;}
.historyList:after{display:block;content:'';position:absolute;left:50%;top:0;bottom:20px;margin-left:-px;border-right:1px solid #e3e3e3;z-index:-1;}
.historyList ul:after{display:block;content:'';clear:both;}
.historyList ul li{display:block;position:relative;clear:both;margin-bottom:20px;padding-top:5px;width:50%;min-height:180px;box-sizing:border-box;}
.historyList ul li:before{display:block;content:'';position:absolute;top:86px;width:9px;height:9px;border-radius:50%;background:#7e7d8c;z-index:1;}
.historyList ul li:nth-child(2n-1):before{left:94px;}
.historyList ul li:nth-child(2n):before{right:94px;}
.historyList ul li:after{display:block;content:'';position:absolute;width:32px;top:90px;border-bottom:1px solid #7e7d8c;}
.historyList ul li:nth-child(2n-1):after{left:103px;}
.historyList ul li:nth-child(2n):after{right:103px;}
.historyList ul li:nth-child(2n-1){float:right;padding-left:158px;}
.historyList ul li:nth-child(2n){float:left;padding-right:158px;}
.historyList ul li .year{display:block;position:absolute;top:0;width:180px;height:180px;border-radius:50%;text-align:center;line-height:180px;color:#fff;font-size:24px;font-weight:900;}
.historyList ul li:nth-child(2n-1) .year{left:-90px;background:#298fb9;}
.historyList ul li:nth-child(2n) .year{right:-90px;background:#b6892a;}
.historyList ul li .year:before{display:block;content:'';position:absolute;top:50%;margin-top:-15px;width:9px;height:30px;background:#fff;}
.historyList ul li:nth-child(2n-1) .year:before{right:-14px;}
.historyList ul li:nth-child(2n) .year:before{left:-14px;}
.historyList ul li .year:after{display:block;content:'';position:absolute;right:-10px;top:-10px;bottom:-10px;left:-10px;border-top:1px solid #fff;border-bottom:1px solid #fff;border-radius:100px;box-sizing:border-box;z-index:-1;}
.historyList ul li:nth-child(2n-1) .year:after{border-right:1px solid #298fb9;}
.historyList ul li:nth-child(2n) .year:after{border-left:1px solid #b6892a;}
.historyList ul li .subject{display:block;margin-bottom:15px;font-size:20px;font-weight:500;line-height:140%;}
.historyList ul li .desc{position:relative;font-size:15px;line-height:155%;}
.processList{margin:20px -4px 0;}
.processList::after{display:block;content:'';clear:both;}
.processList li{display:block;float:left;position:relative;padding:0 4px;box-sizing:border-box;}
.processList.col4 li{width:25%;}
.processList.col6 li{width:16.6666%;}
.processList li:after{display:block;content:'';position:absolute;right:-15px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:50%;background:#fff url(/images/n21/sub/icon_processList_ar.png) no-repeat center;z-index:1;box-shadow:1px 1px 4px #adadad;}
.processList li:last-child:after{display:none;}
.processList li div{display:table;width:100%;height:95px;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;box-sizing:border-box;}
.processList li b{display:table-cell;vertical-align:middle;text-align:center;font-size:17px;line-height:130%;}
.processList li.active div{background:#298fb9;color:#fff;}
.processList li .txtSmall{font-size:15px;}
.checkBoxList{margin:30px -5px 0;}
.checkBoxList:after{display:block;content:'';clear:both;}
.checkBoxList > li{display:block;float:left;padding:0 5px;width:33.3333%;box-sizing:border-box;}
.checkBoxList > li > div{display:table;padding:0 35px;width:100%;height:115px;border:1px solid #ececec;background:#f6f6f6;border-radius:10px;box-sizing:border-box;}
.checkBoxList .checkList{display:table-cell;vertical-align:middle;}
.checkBoxList .checkList li{font-size:17px;letter-spacing:-1px;}
/*20230111 추가*/
.greetingCon{position:relative;padding-bottom:50px; padding:65px; /* background:linear-gradient(180deg, #EBEBEB 25.36%, rgba(217, 217, 217, 0) 100%); */}
.greetingCon .img{position:absolute;display:block;right:65px;top:65px;}
.greetingCon .img span{display:block;position:absolute;right:30px;bottom:-50px;width:460px;height:76px;background:url(/images/n21/sub/bg_greetingCon_name.gif) no-repeat right top;border-bottom-left-radius:53px;font-size:23px;color:#fff;text-align:center;line-height:76px;z-index:2;box-shadow:1px 2px 7px #9e9e9e;}
.greetingCon .txtBig{display:block;margin-bottom:35px;line-height:130%;font-size:36px; padding-top:30px;}
.greetingCon .txtGreen{color:#bf8916;}
.greetingCon p{margin-bottom:28px;font-size:18px;line-height:150%;}
.greetingCon p.first{padding-bottom:80px;  margin-bottom:0px;}
.greetingCon p span.br{display:block;}
.greetingCon span.sign{font-size:26px; font-weight:bold; display:block; color:#333; text-align:right; padding-right:40px;}

.ceoHistory:after{display:block;content:'';clear:both;}
.ceoHistory .leftArea{float:left;margin-right:10%;width:32%;text-align:center;}
.ceoHistory .leftArea > .img{display:block;margin:0 auto;padding:10px;width:180px;border:1px solid #dbdbdb;box-sizing:border-box;text-align:center;}
.ceoHistory .leftArea p{margin:20px 0 30px;font-size:16px;}
.ceoHistory .leftArea p b{display:block;margin-top:8px;font-size:22px;color:#3e35aa;font-weight:900;}
.ceoHistory .rightArea{float:right;width:58%;}
.ceoHistory .personList > ul > li{float:none;padding:0;width:auto;}
.ceoHistory.type2 .leftArea{margin-right:7%;width:43%;text-align:left;}
.ceoHistory.type2 .rightArea{width:50%;}
.historyList2{position:relative;margin-top:30px;}
.historyList2:after{display:block;content:'';position:absolute;top:0;bottom:0;left:11px;border-left:1px solid #e3e3e3;z-index:-1;}
.historyList2 li{display:block;position:relative;margin-bottom:30px;padding-left:40px;font-size:17px;line-height:24px;color:#313131;font-family:"NanumGothic";font-weight:500;}
.historyList2 li:before,
.historyList2 li:after{display:block;content:'';position:absolute;border-radius:50%;}
.historyList2 li:before{left:0;top:0;width:24px;height:24px;background:#fff;border:1px solid #298fb9;box-sizing:border-box;}
.historyList2 li:after{top:8px;left:8px;width:8px;height:8px;background:#298fb9;}
.historyList2 li .year{display:inline-block;vertical-align:top;margin-right:12px;color:#298fb9;font-size:22px;}
.personList > ul{margin:0 -10px;}
.personList > ul:after{display:block;content:'';clear:both;}
.personList > ul > li{display:block;float:left;padding:10px;width:50%;box-sizing:border-box;}
.personList > ul > li > a{display:block;position:relative;padding:25px 40px 25px 210px;height:202px;background:#f6f6f6;border:1px solid #ececec;border-radius:8px;box-sizing:border-box;}
.personList > ul > li .img{display:block;position:absolute;left:40px;top:25px;width:130px;height:155px;background:#fff;text-align:center;line-height:155px;}
.personList > ul > li .img img{display:inline-block;vertical-align:middle;}
.personList > ul > li .title{display:block;margin:15px 0;font-size:22px;font-weight:900;}
.personList .listCon > li{font-size:16px;}
.personList .listCon > li:after{top:13px;}
.personList.promotion li a{padding-left:185px;}
.personList.promotion li .img{padding:8px;width:110px;height:160px;box-sizing:border-box;line-height:140px;}
.markItem{padding-left:30px;background:url(/images/n21/sub/icon_markItem.png) no-repeat left top;font-size:15px;line-height:22px;}
span.markItem{display:inline-block;}
.bbsSearch .markItem{margin-right:25px;}
.organDiagram{margin-top:30px;padding-bottom:80px;background:url(/images/n21/sub/bg_organDiagram.png) no-repeat 55% 30px;text-align:center;}
.organDiagram li{display:inline-block;vertical-align:bottom;margin:0 8px;}
.organDiagram li.item1{width:250px;}
.organDiagram li.item2,
.organDiagram li.item3{width:210px;}
.organDiagram li.item4{margin-left:55px;width:190px;}
.organDiagram li a{display:block;}
.organDiagram li .head{display:block;position:relative;margin-bottom:95px;height:85px;border-radius:18px;text-align:center;line-height:85px;color:#fff;font-size:18px;font-weight:500;}
.organDiagram li.item1 .head{background:#685fd7;}
.organDiagram li.item2 .head{background:#298fb9;}
.organDiagram li.item3 .head{background:#b6892a;}
.organDiagram li.item4 .head{margin-bottom:8px;height:54px;border:1px solid #7e7d8c;background:#fff;line-height:54px;color:#555;font-size:17px;}
.organDiagram li .desc{display:block;position:relative;font-size:17px;text-align:center;line-height:150%;}
.organDiagram li .desc:before{display:block;content:'';position:absolute;top:-75px;left:50%;margin-left:-6px;width:12px;height:67px;background:url(/images/n21/sub/icon_organDiagram_ar.png) no-repeat center bottom;}
.organDiagram li.item1 .desc{padding:15px 0 10px;}
.organDiagram li.item4 .desc{margin-top:50px;}
.organDiagram li.item4 .desc:before{top:-40px;height:30px;}
.organDiagram li .desc:after{display:block;content:'';position:absolute;bottom:-50px;left:50%;margin-left:-17.5px;width:35px;height:35px;background:url(/images/n21/sub/icon_organDiagram_more.png) no-repeat;border-radius:50%;box-shadow: 1px 1px 5px #c3c3c3;}
.imgWrap{padding:20px;text-align:center;}
.h5Content + .grayConBox,
.listCon + .grayConBox{margin-top:35px;}
.grayConBox + .markItem{margin-top:10px;}
.memberOrgan{padding:30px 0;}
.memberOrgan .topItem{display:table;position:relative;margin:0 auto 60px;width:190px;height:110px;background:#009cca;border-radius:18px;font-size:18px;font-weight:500;text-align:center;}
.memberOrgan .topItem:after{display:block;content:'';position:absolute;left:50%;bottom:-30px;height:30px;border-right:1px solid #7e7d8c;}
.memberOrgan .topItem a{display:table-cell;vertical-align:middle;line-height:145%;color:#fff;}
.memberOrgan .topItem b{display:block;font-size:24px;}
.memberOrgan ul{position:relative;text-align:center;}
.memberOrgan ul::before{display:block;content:'';position:absolute;left:97px;right:96px;top:-30px;border-bottom:1px solid #7e7d8c;}
.memberOrgan ul li{display:inline-block;vertical-align:middle;position:relative;margin:0 5px;width:130px;background:#fff;border:1px solid #7e7d8c;border-radius:18px;box-sizing:border-box;}
.memberOrgan ul li::before{display:block;content:'';position:absolute;top:-30px;left:50%;height:30px;border-right:1px solid #7e7d8c;}
.memberOrgan ul li span{display:table;width:100%;height:90px;}
.memberOrgan ul li span a{display:table-cell;vertical-align:middle;font-size:16px;font-weight:500;text-align:center;line-height:150%;}
.memberOrgan ul li span a strong{display:block;font-size:20px;font-weight:500;}
.mainOrganList{padding:30px 0;}
.mainOrganList .organDept{position:relative;margin-bottom:40px;background:url(/images/n21/sub/bg_mainOrganListNew.png) no-repeat 86px 112px;text-align:center;}
.mainOrganList .organDept::after{display:block;content:'';clear:both;}
.mainOrganList .organDept > li{border-radius:18px;}
.mainOrganList .organDept > li a{text-align:center;}
.mainOrganList .organDept .dept1 > a{display:block;margin:0 auto 20px;width:230px;height:112px;background:#685fd7;border-radius:18px;line-height:112px;color:#fff;font-size:20px;font-weight:500;}
.mainOrganList .organDept .dept2{display:inline-block;vertical-align:middle;margin:0 30px 35px;}
.mainOrganList .organDept .dept2 a{display:block;width:140px;height:54px;background:#535353;border-radius:18px;line-height:54px;color:#fff;font-size:17px;font-weight:500;}
.mainOrganList .organDept .dept2_3 > a{display:block;margin:0 auto 20px;width:230px;height:62px;background:#298fb9;border-radius:18px;line-height:62px;font-size:20px;font-weight:500;color:#fff;}
.mainOrganList .organDept .dept3_1.deptBoxItem{display:block;position:relative;left:50%;margin-bottom:93px;margin-left:105px;}
.mainOrganList .organDept .dept3_1.deptBoxItem > ul{min-height:auto;}
.mainOrganList .organDept .deptBoxItem{display:inline-block;vertical-align:middle;width:160px;}
.mainOrganList .organDept .deptBoxItem > a{display:block;height:54px;background:#ebeaf0;border:1px solid #7e7d8c;border-top-left-radius:18px;border-top-right-radius:18px;line-height:54px;font-size:17px;font-weight:500;box-sizing:border-box;}
.mainOrganList .organDept .deptBoxItem > ul{padding:15px;min-height:130px;background:#fff;border:1px solid #d1d0d7;border-top:0px none;border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-sizing:border-box;}
.mainOrganList .organDept .deptBoxItem > ul li a{display:block;position:relative;padding:3px 0 3px 10px;font-size:16px;color:#555;text-align:left;line-height:120%;}
.mainOrganList .organDept .deptBoxItem > ul li a::after{display:block;content:'-';position:absolute;left:0;top:4px;width:6px;}
.mainOrganList .organDept .dept3_2,
.mainOrganList .organDept .dept3_3{display:block;position:absolute;left:50%;margin-left:-285px;padding:0 15px;width:160px;height:54px;background:#fff;border:1px solid #d1d0d7;border-radius:18px;box-sizing:border-box;}
.mainOrganList .organDept .dept3_2{margin-top:-174px;}
.mainOrganList .organDept .dept3_3{margin-top:-113px;}
.mainOrganList .organDept .dept3_2 a,
.mainOrganList .organDept .dept3_3 a{display:block;position:relative;padding-left:10px;line-height:54px;font-size:16px;color:#555;text-align:left;}
.mainOrganList .organDept .dept3_2 a::after,
.mainOrganList .organDept .dept3_3 a::after{display:block;content:'-';position:absolute;left:0;top:1px;width:6px;}
.mainOrganList .organDept .dept3_4,
.mainOrganList .organDept .dept3_5{float:left;margin-right:15px;}
.mainOrganList .organDept .dept3_4 > a,
.mainOrganList .organDept .dept3_5 > a{display:block;margin-bottom:38px;width:160px;height:58px;border-radius:18px;background:#7e7d8c;color:#fff;line-height:58px;font-size:17px;font-weight:500;}
.mainOrganList .organDept .dept3_4 > a{margin-left:168px;}
.mainOrganList .organDept .dept3_5 > a{margin-left:162px;}
.mainOrganList .organDept .dept3_4 .deptBoxItem,
.mainOrganList .organDept .dept3_5 .deptBoxItem{margin:0 2px;}
.mainOrganList .organDept .dept3_6{float:left;margin-top:97px;}
.mainOrganList .organType{text-align:center;}
.mainOrganList .organType > li{display:inline-block;vertical-align:middle;margin:0 3px;width:260px;}
.mainOrganList .organType > li > a{display:block;background:#b6892a;border-top-left-radius:18px;border-top-right-radius:18px;line-height:54px;color:#fff;text-align:center;font-size:17px;font-weight:500;}
.mainOrganList .organType > li ul{padding:15px;background:#fff;border:1px solid #d1d0d7;border-bottom-left-radius:18px;border-bottom-right-radius:18px;border-top:0px none;}
.mainOrganList .organType > li ul li a{display:block;position:relative;padding:3px 0 3px 10px;font-size:16px;color:#555;text-align:left;line-height:120%;}
.mainOrganList .organType > li ul li a::after{display:block;content:'-';position:absolute;left:0;top:4px;width:6px;}
.managerBox{margin-bottom:20px;padding:25px 0;background:#f4f7fe;border:1px solid #e5e9f4;text-align:center;font-size:20px;}
.managerBox p{line-height:50px;}
.managerBox .icon{position:relative;display:inline-block;padding-left:15px;font-size:24px;}/* background:url(/images/n21/sub/icon_managerBox.png) no-repeat left top;font-size:24px; */
.managerBox .icon:after{display:block;content:'';position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;background:#298fb9;border-radius:50%;}
.managerBox .icon em{color:#298fb9;}
.symbolWrap:after{display:block;content:'';clear:both;}
.symbolWrap .symbolDown{float:left;width:40%;text-align:center;}
.symbolWrap .symbolDown img{display:block;margin-bottom:30px;}
.symbolWrap .expArea{float:right;width:58%;}
.symbolWrap .expArea > h5{margin-top:0;}
.symbolWrap .expArea .h5Content{margin-bottom:35px;}
.colorList:after{display:block;content:'';clear:both;}
.colorList li{display:block;float:left;position:relative;margin-bottom:10px;padding:7px 0;padding-left:85px;width:50%;box-sizing:border-box;}
.colorList li .colorItem{display:block;position:absolute;left:0;top:0;}
.colorUseList{margin:0 -13px;}
.colorUseList:after{display:block;content:'';clear:both;}
.colorUseList li{display:block;float:left;margin-bottom:25px;padding:0 13px;width:25%;box-sizing:border-box;text-align:center;font-size:16px;}
.colorUseList li .img{display:block;margin-bottom:14px;}
.colorUseList.type2 li{width:33.3333%;}
.promoPerson{position:relative;padding:78px 78px 0 485px;height:654px;background:url(/images/n21/sub/bg_promoPerson.jpg) no-repeat center top;box-sizing:border-box;}
.promoPerson .bigImg{position:absolute;top:78px;left:100px;padding:15px;width:346px;height:486px;background:#fff;box-sizing:border-box;}
.promoPerson .bigImg img{width:100%;height:100%;}
.promoPerson .infoList{margin-bottom:140px;padding-top:25px;}
.promoPerson .infoList li{display:block;padding-left:15px;border-bottom:1px dashed #b1b3b7;line-height:47px;font-size:22px;}
.promoPerson .infoList li b{font-weight:900;}
.promoPersonList:after{display:block;content:'';clear:both;}
.promoPersonList li{display:block;float:left;padding:0 5px;width:16.6666%;box-sizing:border-box;}
.promoPersonList li a{display:block;position:relative;border:1px solid #e3e3e3;box-sizing:border-box;}
.promoPersonList li.active a:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:2px solid #564cd4;}
.divisionWork{text-align:center;}
.divisionWork li span{display:block;position:relative;border-radius:18px;text-align:center;font-weight:500;box-sizing:border-box;}
.divisionWork > li > span{margin:0 auto 20px;width:230px;height:64px;background:#298fb9;font-size:20px;color:#fff;line-height:64px;}
.divisionWork > li > span:after{display:block;content:"";position:absolute;bottom:-50px;left:50%;/* height:50px; */border-right:1px solid #7e7d8c;z-index:-1;}
.divisionWork .dep2{position:relative;}
.divisionWork .dep2:after{display:block;content:'';position:absolute;left:50%;margin-left:-55px;width:110px;top:50%;border-top:1px solid #7e7d8c;z-index:-1;}
.divisionWork .dep2 > li{display:inline-block;vertical-align:middle;margin:0 50px;}
.divisionWork .dep2 > li > span{width:270px;height:54px;background:#fff;border:1px solid #7e7d8c;line-height:54px;font-size:17px;}
.divisionWork .dep3{position:relative;margin-top:56px;}
.divisionWork .dep3:after{display:block;content:'';position:absolute;top:-85px;left:50%;height:65px;border-right:1px solid #7e7d8c;z-index:-1;}
.divisionWork .dep3 > li{display:inline-block;vertical-align:middle;position:relative;margin:0 4px;}
.divisionWork .dep3 > li::before{display:block;content:'';position:absolute;top:-20px;left:-6px;right:-6px;border-top:1px solid #7e7d8c;}
.divisionWork .dep3 > li:first-child::before{left:50%;}
.divisionWork .dep3 > li:last-child::before{right:50%;}
.divisionWork .dep3 > li > span{width:190px;height:54px;background:#ebeaf0;border:1px solid #7e7d8c;font-size:17px;line-height:54px;}
.divisionWork .dep3 > li > span:after{display:block;content:'';position:absolute;top:-20px;left:50%;height:20px;border-right:1px solid #7e7d8c;}
.voteInfoCon{background:url(/images/n21/sub/img_voteInfoCon.jpg) no-repeat right top;}

/* 선거홍보관  */
.election_officer{position:relative;}
.btn_officer{margin-bottom:10px;}
.btn_officer:after{display:block;clear:both;content:'';}
.election_officer .l_left{float:left; padding-top:10px;}
.election_officer .l_left h5{margin:0 0 15px 0;}
.election_officer .r_right{float:right;}
.election_officer .btn_officer button{border:none;padding:0 15px;height:50px;font-size:24px;line-height:initial;border-radius:25px;color:#fff;background:#508fcf;}
.election_officer .btn_officer button i{display:inline-block;vertical-align:middle;width:15px;height:17px;margin-right:5px;background:url("/images/n21/common/e_o_play_icon.png") 50% 50% no-repeat;}
.election_officer .btn_officer button span{display:inline-block;vertical-align:middle;}
.election_officer .btn_officer button + button{margin-left:5px;}
.election_officer .region{display:block;margin:10px 0 23px 0;border-left:solid 1px #dae1e6;}
.election_officer .m_region{display:none;}
.election_officer .region:after{display:block;clear:both;content:'';}
.election_officer .region li{float:left;width:11.11%;}
.election_officer .region li button{width:100%;height:50px;line-height:50px;font-size:15px;border:solid 1px #dae1e6;border-left:none;margin:-1px 0 0 -1px;background:none;}
.election_officer .region li.active button{color:#fff;background:#007cfa;box-shadow:1px 1px 4px rgba(0,0,0,.3);}

.election_officer .placement{margin-bottom:20px;text-align:center;}
.web_pic{display:block;}
.mobile_pic{display:none;}

.election_officer .play_pic_card{padding:10px 20px;border-radius:20px;background:#f0f5f9}
.election_officer .play_pic_card ul{margin:0 -10px;}
.election_officer .play_pic_card ul:after{display:block;clear:both;content:'';}
.election_officer .play_pic_card ul li{float:left;width:25%;margin:10px 0;padding:0 10px;box-sizing:border-box;}
.election_officer .play_pic_card ul li>div:nth-child(1){position:relative;height:360px;padding:20px;border-radius:20px;background:#fff;}
.election_officer .play_pic_card ul li:hover>div:nth-child(1){box-shadow:16px 16px 24px rgba(0,0,0,.3); }
.election_officer .play_pic_card ul li>div:nth-child(1) em{display:inline-block;width:114px;height:103px;line-height:103px;font-size:37px;text-align:center;background:url("/images/n21/common/e_o_card_number.png") 50% 50% no-repeat;}
.election_officer .play_pic_card ul li>div:nth-child(1) strong{font-size:24px;display:block;margin:30px 0 10px 0;line-height:24px;display:-webkit-box;height:48px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#313131;}
.election_officer .play_pic_card ul li>div:nth-child(1) span{font-size:18px;display:block;height:120px;display:-webkit-box;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
.election_officer .play_pic_card ul li>div:nth-child(1) div{position:absolute;bottom:20px;left:10px;right:10px;text-align:center;}
.election_officer .play_pic_card ul li>div:nth-child(1) div button{width:48%;border-radius:5px;text-align:center;color:#419f65;height:40px;line-height:40px;display:inline-block;border:solid 1px #419f65;}
.election_officer .play_pic_card ul li>div:nth-child(1) div button:hover{background:#419f65;color:#fff;}



.pic_view_area{opacity:0;position:fixed;top:50%;left:50%; transform:translate(-50%, -50%);z-index:-1;box-sizing:border-box;text-align:center;}
.pic_view_area .pic-frame{position:relative; background:url("/images/n21/common/pic_frame.png") center top / 100% auto no-repeat;width:900px;height:555px;padding:0 90px;box-sizing:border-box;}
.pic_view_area .pic-title{height:100px;box-sizing:border-box; padding:45px 0 0 0;}
.pic_view_area .pic-title span{font-size:36px; font-weight:600; position:relative;line-height:36px;display:inline-block;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.pic_view_area .pic-title i{display:inline-block;vertical-align:top;margin-right:5px;width:27px;height:20px;background:url("/images/n21/common/pic_title_bg.png") 0 0 / cover no-repeat;}
.pic_view_area .pic-title span:after{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:12px;z-index:1;}

.pic_view_area .useBx_pic{height:405px;max-width:720px;margin:0 auto;position:relative;} 
.pic_view_area .useBx_pic .bx-wrapper{height:100%;} 

.pic_view_area .icon{position:absolute;bottom:-30px;left:-50px;width:191px;height:232px;background:url("/images/n21/common/pic_icon.png") 0 0 / cover no-repeat; transition:all 0.5s;}

/*.btn_pic_close{position:absolute;top:-66px;right:0;width:56px;height:56px;background:rgba(0,0,0,.8) url("./images/n21/common/btn_pic_close.png") 50% 50% no-repeat;text-indent:-9999px;border-radius:50%;}*/
.btn_pic_close{position:absolute;left:50%;bottom:-50px; transform:translateX(-50%); width:130px;height:46px;margin-top:45px;line-height:46px;color:#fff;border:solid 1px #fff;border-radius:23px;}
.btn_pic_close i{padding-left:20px;display:inline-block;background:url("/images/n21/common/btn_pic_slideclose.png") 0 50% no-repeat;}

.bx-prev{position:absolute; top:50%;left:-70px;transform:translateY(-50%);width:41px;height:79px;background:url("/images/n21/common/btn_pic_slide_prev.png") 0 0 / cover no-repeat;text-indent:-9999px;}
.bx-next{position:absolute; top:50%;right:-70px;transform:translateY(-50%);width:41px;height:79px;background:url("/images/n21/common/btn_pic_slide_next.png") 0 0 / cover no-repeat;text-indent:-9999px;}

.election_officer .play_pic_card ul li>div:nth-child(2){display:none;position:fixed;top:50%;left:50%;width:564px;height:583px;;margin:-291px 0 0 -282px;padding:100px 40px 100px 60px;text-align:center;background:url("/images/n21/common/note_bg.png") 50% 50% no-repeat;z-index:2;box-sizing:border-box;}
.election_officer .play_pic_card ul li>div:nth-child(2) strong{position:relative;font-size:30px;line-height:30px;margin-bottom:30px;padding-bottom:10px;border-bottom:solid 1px #000;display:inline-block;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;}
.election_officer .play_pic_card ul li>div:nth-child(2) div.con{text-align:left;font-size:16px;color:#000;line-height:24px;height:280px;overflow:hidden;overflow-y:auto;word-break:break-all;}
.btn_summary_close{position:absolute;bottom:50px;left:50%;margin-left:-65px;}
.btn_summary_close button{color:#7c5337;border:solid 1px #7c5337;width:130px;height:46px;line-height:47px;font-size:18px;border-radius:23px;}
.btn_summary_close button i{padding-left:20px;display:inline-block;background:url("/images/n21/common/btn_note_close.png") 0 50% no-repeat;}



.note_icon{position:absolute;bottom:0;left:-162px;width:192px;height:232px;background:url("/images/n21/common/note_icon.png") 50% 50% no-repeat;}

/* 미래유권자 */
.boxInfoItem > ul{margin:0 -8px;}
.boxInfoItem > ul:after{display:block;content:'';clear:both;}
.boxInfoItem > ul > li{display:block;float:left;padding:0 8px;width:33.3333%;box-sizing:border-box;}
.boxInfoItem > ul > li > div{padding:8px;background:#f4f7fe;border:1px solid #e5e9f4;border-radius:20px;;}
.boxInfoItem > ul > li .title{display:block;line-height:50px;text-align:center;font-size:20px;}
.boxInfoItem > ul > li > div > ul > li{margin-bottom:10px;padding:0 15px;background:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-sizing:border-box;}
.boxInfoItem > ul > li > div > ul > li:last-child{margin-bottom:0;}
.boxInfoItem > ul > li > div > ul > li > b{display:block;border-bottom:1px solid #eee;line-height:42px;font-size:18px;text-align:center;color:#298fb9;}
.boxInfoItem .listCon{padding:15px 0;}
.stepList2{display:table;width:100%;border-spacing:8px;}
.stepList2::after{display:block;content:'';clear:both;}
.stepList2 > li{display:table-cell;position:relative;background:#f6f6f6;border:1px solid #ececec;border-radius:10px;width:25%;box-sizing:border-box;}
.stepList2 > li > div{padding:12px 25px;}
.stepList2 > li .head{display:block;margin-bottom:15px;border-bottom:1px solid #e6e6e6;line-height:40px;text-align:center;font-size:18px;color:#2d9791;}
.stepList2 > li:after{display:block;content:'';position:absolute;right:-15px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:50%;background:#fff url(/images/n21/sub/icon_processList_ar.png) no-repeat center;z-index:1;box-shadow:1px 1px 4px #adadad;}
.stepList2 > li:last-child:after{display:none;}
.rowStepList > li{display:block;position:relative;margin-bottom:8px;padding-left:210px;}
.rowStepList > li .head{display:table;position:absolute;left:0;top:0;width:170px;height:140px;background:#298fb9;border-radius:10px;line-height:140px;}
.rowStepList > li .head::after{display:block;content:'';position:absolute;left:50%;bottom:-20px;margin-left:-15px;width:30px;height:30px;border-radius:50%;background:#fff url(/images/n21/sub/icon_processList_ar2.png) no-repeat center;z-index:1;box-shadow:1px 1px 4px #adadad;}
.rowStepList > li:last-child .head::after{display:none;}
.rowStepList > li .head b{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:140%;color:#fff;}
.rowStepList > li .desc{display:table;position:relative;width:100%;height:140px;background:#f6f6f6;border-radius:10px;border:1px solid #ececec;line-height:140px;}
.rowStepList > li .desc:before{display:block;content:'';position:absolute;top:67px;left:-46px;width:9px;height:9px;border-radius:50%;background:#7e7d8c;}
.rowStepList > li .desc:after{display:block;content:'';position:absolute;top:71px;left:-37px;width:37px;border-top:1px solid #7e7d8c;}
.rowStepList > li .desc p{display:table-cell;vertical-align:middle;padding:0 35px;line-height:140%;font-size:16px;}

/* 이용안내 */
.sitemap .siteDepth1{position:relative;height:1900px;}
.sitemap .siteDepth1:after{display:block;content:'';clear:both;}
.sitemap .siteDepth1 > li{float:left;padding:10px 38px;width:25%;border-right:1px solid #e0e0e0;box-sizing:border-box;}
.sitemap .siteDepth1 > li:nth-child(n+1):nth-child(-n+2){height:800px;}
.sitemap .siteDepth1 > li:nth-child(n+3):nth-child(-n+4){height:100%;}
.sitemap .siteDepth1 > li:nth-child(5){position:absolute;top:850px;left:0;}
.sitemap .siteDepth1 > li:nth-child(6){position:absolute;top:850px;left:25%;height:920px;}
.sitemap .siteDepth1 > li > .title{display:block;margin:2px 0 30px;font-size:28px;font-weight:800;color:#2d9791;}
.sitemap .siteDepth1 > li > .title span{position:relative;top:-8px;left:8px;font-size:17px;font-weight:500;}
.sitemap .siteDepth2 > li{margin-bottom:25px;}
.sitemap .siteDepth2 > li > a{display:block;margin-bottom:15px;font-size:18px;font-weight:600;color:#1e1e1e;}
.sitemap .siteDepth3 > li{padding:5px 0;}
.sitemap .siteDepth3 > li a{display:inline-block;position:relative;padding-left:11px;font-size:15px;color:#6c6c6c;}
.sitemap .siteDepth3 > li a.siteNew{padding-right:22px;background:url(/images/n21/sub/icon_siteNew.gif) no-repeat right 2px;}
.sitemap .siteDepth3 > li a:after{display:block;content:'';position:absolute;top:7px;left:0px;width:3px;height:3px;background:#3e35aa;}
.referenceBox.type2{margin-top:30px;}
.referenceBox > ul{margin:0 -8px;}
.referenceBox > ul:after{display:block;content:'';clear:both;}
.referenceBox > ul > li{float:left;margin-bottom:80px;padding:0 8px;width:33.3333%;box-sizing:border-box;}
.referenceBox > ul > li.lastLine{ margin-bottom:0; }
.referenceBox > ul > li > div{position:relative;padding:100px 15px 0;height:292px;text-align:center;background:#f6f6f6;border:1px solid #ececec;border-radius:5px;box-sizing:border-box;}
.referenceBox > ul > li > div img{position:absolute;top:-29px;left:50%;margin-left:-50px;}
.referenceBox > ul > li > div .title{display:block;margin-bottom:15px;font-size:23px;font-weight:600;color:#1e1e1e;}
.referenceBox > ul > li > div p{margin-bottom:30px;line-height:150%;font-size:16px;color:#1e1e1e;}
.bannerZone{padding-bottom:50px;}
.bannerZone ul{margin:0 -7px;}
.bannerZone ul:after{display:block;content:'';clear:both;}
.bannerZone ul li{float:left;margin-bottom:15px;padding:0 7px;width:25%;box-sizing:border-box;}
.bannerZone ul li a{display:block;height:100px;border:1px solid #dedede;box-sizing:border-box;text-align:center;line-height:98px;}
.bannerZone ul li img{display:inline-block;vertical-align:middle;}
.bannerZone ul li.lastLine{ margin-bottom:0; }

/* 마이페이지 */
.mypageMain ul:after{display:block;content:'';clear:both;}
.mypageMain ul li{display:block;float:left;margin-bottom:40px;padding:0 4px;width:25%;box-sizing:border-box;}
.mypageMain ul li div{padding:25px 0 30px;height:315px;background:#f6f6f6;border:1px solid #e3e3e3;border-radius:6px;box-sizing:border-box;}
.mypageMain ul li .icon{display:block;margin-bottom:20px;text-align:center;}
.mypageMain ul li .title{display:block;margin-bottom:25px;font-size:24px;text-align:center;font-weight:900;}
.mypageMain ul li a{display:block;margin:0 auto 5px;width:190px;height:42px;background:#535353;border-radius:4px;line-height:42px;color:#fff;font-size:16px;text-align:center;}
.mypageMain ul li.last div{background:#f3faf7;}
.mypageMain ul li p{font-size:16px;line-height:145%;text-align:center;}

.mapArea{text-align:center;}
.mapArea p{margin-top:10px;}
.mapArea p .markItem{margin-right:8px;}
.listYearType{margin-bottom:-25px;}
.listYearType span{display:inline-block;vertical-align:middle;margin:0 8px;font-size:17px;color:#564cd4;font-weight:500;}
.listYearType a{display:inline-block;vertical-align:middle;width:25px;height:25px;background:#eee;border-radius:50%;text-align:center;}

 /* 방문신청 */
 .siteGbnWrap{position:relative}
 .siteGbnWrap table td a .siteGbn{font-size:16px}
 .siteGbnWrap table{width:100%}
 .siteGbnWrap table td{height:30px;border:1px solid #dedede;text-align:center;}
 .siteGbnWrap table td{height:30px;box-sizing:border-box;vertical-align:top;}

 .calenderWrap{position:relative;padding-top:15px;}
.calenderWrap .topControls{margin-bottom:20px;}
.calenderWrap .topControls .center{text-align:center;}
.calenderWrap .topControls .center .current{display:inline-block;vertical-align:middle;margin:0 25px;font-size:20px;font-weight:bold;line-height:100%;}
.calenderWrap .topControls .center .current b{display:inline-block;vertical-align:bottom;font-size:32px;}
.calenderWrap .topControls .center a{display:inline-block;vertical-align:top;margin-top:3px;width:30px;height:9px;text-indent:-9999em;}
.calenderWrap .topControls .center .prev{background:url(/static/images/portal/sub/icon_calendar_prev.gif) no-repeat;}
.calenderWrap .topControls .center .next{background:url(/static/images/portal/sub/icon_calendar_next.gif) no-repeat;}
.calenderWrap .topControls .right{position:absolute;right:0;top:3px;}
.calenderWrap .topControls .right select{width:100px;height:38px;box-sizing:border-box;border:1px solid #d4d4d4;}
.calenderWrap .topControls .right a{padding:0;min-width:auto;width:60px;}
.calendarTable{border-top:2px solid #231f20;border-left:1px solid #dedede;}
.calendarTable table{width:100%;}
.calendarTable table th{border-bottom:1px solid #911b2b;font-size:15px;color:#911b2b;text-align:center;}
.calendarTable table th,
.calendarTable table td{padding:5px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.calendarTable table td{height:140px;box-sizing:border-box;vertical-align:top;}
.calendarTable table td .day{display:block;font-size:14px;color:#000;font-weight:bold;}
.calendarTable table .visitApply{padding:5px;}
.calendarTable table .visitApply li{margin:8px 0;line-height:22px;letter-spacing:-.5px;}
.calendarTable table .visitApply li.ing{color:#044180;}
.calendarTable table .visitApply li.end{color:#911b2b;}
.calendarTable table .visitApply li .applyBtn{display:inline-block;vertical-align:top;margin:0 5px;width:62px;height:22px;border-radius:11px;line-height:22px;color:#fff;text-align:center;font-size:13px;}
.calendarTable table .visitApply li.ing .applyBtn{background:#044180;}
.calendarTable table .visitApply li.end .applyBtn{background:#911b2b;}
.calendarTable table .visitApply .age{display:inline-block;vertical-align:top;width:22px;height:22px;border:1px solid #911b2b;border-radius:11px;color:#911b2b;text-align:center;line-height:22px;font-size:13px;font-weight:bold;box-sizing:border-box;}
.calendarTable table td.closed{position:relative;background:#f7f7f7;}
.calendarTable table td.closed .closedTxt{display:block;text-align:center;font-size:16px;color:#666;font-weight:bold;}/* position:absolute;top:50%;left:50%;margin:-10px 0 0 -15px; */
.calendarTable table td.closed .closedTxtCorona{display:block;text-align:center;font-size:16px;color:#666;font-weight:bold;}/* position:absolute;top:50%;left:40%;margin:-10px 0 0 -15px; */
.calenderWrap .ageList{margin-top:10px;text-align:right;}
.calenderWrap .ageList span{display:inline-block;vertical-align:middle;margin-right:14px;font-size:14px;}
.calenderWrap .ageList span em{display:inline-block;margin-right:4px;width:23px;height:23px;border:1px solid #686868;border-radius:11.5px;text-align:center;box-sizing:border-box;line-height:21px;font-size:13px;}


.visitTimeApply{padding:20px 25px;border-top:2px solid #231f20;border-bottom:1px solid #dedede;}
.visitTimeApply .date{display:inline-block;vertical-align:middle;margin-right:35px;font-size:22px;font-weight:bold;color:#111;}
.visitTimeApply input,
.visitTimeApply label{display:inline-block;vertical-align:middle;}
.visitTimeApply label{margin-right:20px;}
.visitTimeApply .disabled{color:#bebebe;}

.calenderWrap:after{display:block;content:'';clear:both;}
.calenderWrap .leftArea{float:left;width:55%;}
.calenderWrap .leftArea .calendarTable table td{height:80px;}
.calenderWrap .leftArea .calendarTable table td.closed .closedTxt{font-size:15px;}
.calenderWrap .leftArea .calendarTable table td.closed .closedTxtCorona{font-size:14px;}
.calenderWrap .leftArea .calendarTable table td.active{background:#cfaf6a url(/static/images/portal/sub/icon_calendar_check.png) no-repeat center;}
.calenderWrap .leftArea .calendarTable table td.active .day{color:#fff;}
.calenderWrap .leftArea .calendarTable table td a{display:block;height:100%;}
.calenderWrap .rightArea{float:right;margin-top:-10px;padding:0 30px 30px;width:40%;box-sizing:border-box;background:#f8f8f8;border-radius:10px;}
.calenderWrap .rightArea .date{display:block;padding:20px 0 10px;text-align:center;font-size:22px;font-weight:bold;color:#911b2b;}
.calenderWrap .rightArea .tableBox{margin-bottom:0;background:#fff;}
.calenderWrap .rightArea table td a{margin-left:20px;vertical-align:inherit;}
.calenderWrap .rightArea table td .none{color:#666; margin-left:20px;vertical-align:inherit;}

 .modalWrap{padding:0;}

 .modalWrap.small{margin-left:-350px;width:700px;}
 .modalWrap.privacyPopup{top:100px;width:500px;left:50%;transform:translateX(-50%);margin:0;}/*20211105*/
 .modalWrap.privacyPopup .btnArea{margin-top:10px;}

 .promotionCenter{margin-bottom:40px;min-height:300px;border:1px solid #d7d7d7;}

 .recommend{position:relative;background:#fbfbfb;border-top:solid 1px #7e7d8c;border-bottom:solid 1px #e3e3e3;margin-top:15px;padding:30px;text-align:center;}
 .recommend strong{position:relative;display:inline-block;vertical-align:top;margin:20px 0;padding:0 15px 0 25px;color:#3e35aa;font-size:20px;background:url(/static/images/portal/sub/icon_recom.png) 0 50% no-repeat;}
 .recommend strong:before{display:block;content:'';position:absolute;top:50%;right:0;width:1px;height:20px;margin-top:-10px;background:#3e35aa;}
 .recommend ul{display:inline-block;vertical-align:top;width:80%;}
 .recommend ul:after{display:block;clear:both;content:'';}
 .recommend li{float:left;margin:10px}
 .recommend li a{display:inline-block;border:solid 1px #878787;border-radius:20px;color:#555555;font-size:16px;padding:10px 20px;text-align:left; font-weight:bolder;} 
 .recommend li a:hover{border:solid 1px #3e35aa;color:#3e35aa;}
 
 /* 캐릭터소개 */
.new-character{margin-top:20px;}
.new-character .char-front{min-height:250px;border-radius:10px;border:1px solid #e5e9f4; background:url(/images/n21/sub/char_intro_bg.png) repeat; display:flex; box-sizing:border-box;padding:50px;margin-bottom:20px;}
.new-character .char-front > div{width:50%; box-sizing:border-box;}
.new-character .char-front .txt{text-align:left; }
.new-character .char-front .txt h5{margin:15px 0;}
.new-character .char-front .txt .h5Content p{line-height:1.75em;}
.new-character .char-front .img{text-align:center;display:flex;align-items:center;justify-content:center;}
.new-character .char-detail{display:flex; justify-content:space-between;margin-bottom:20px;}
.new-character .char-detail > div{width:calc(50% - 10px);}

/* 반응형 */
@media all and (max-width:1280px){
	/* 20210901 */
	.btn_m{margin:2px;}
	.tabBar li{margin:2px;}
	.bbsSearch{padding:20px;}
	.bbsSearch .totalNum{position:static;margin-bottom:8px;text-align:left;}
	.bbsSearch input[type='text'],
	.bbsSearch select,
	.bbsSearch input[type="submit"],
	.bbsSearch .btnAll{margin:2px 0;}
	.tableList ul li .num{width:50px;}
	.tableList ul li .etc{width:220px;}
	.tableCon > .listCon + .reqTop{margin-top:10px;}
	.topVideoView .title{line-height:130%;}
	.topVideoView .videoBox .videoArea{width:55%;height:280px;}
	.topVideoView .videoBox .infoArea{padding:25px 0 0 25px;width:45%;height:280px;}
	.topVideoView .videoBox .infoArea .subTitle{height:180px;}
	.paging + .btnArea.right{margin-top:-40px;}
	.topIconBox .btn_m{padding:10px 5px;}
	.hopeConTop:before{left:65px;width:88px;height:60px;background-size:auto 60px;}
	.hopeConTop:after{right:5px;width:120px;height:60px;background-size:auto 60px;}
	.stepList > li > div{padding:23px 15px;}
	.loginBox .loginCertify ul li{width:50%;}
	.loginBox .loginCertify ul li.icon2:after{display:none;}
	.loginBox .loginCertify ul li.snsLogin{display:block;margin-top:20px;padding:20px 0 0;width:100%;text-align:center;border-top:1px solid #e3e3e3;}
	.loginBox .loginCertify ul li.snsLogin a{display:inline-block;margin:5px 2px !important;}
	.loginBox .loginCertify ul li.snsLogin input[type="text"]{margin:10px auto;}
	.loginBox .loginCertify ul.col2 li{float:none;margin:0 auto;}
	.loginBox .loginCertify ul.col2 li.snsLogin{margin:20px auto 0;width:auto;}
	.loginBox .loginCertify ul.col2 li:after{display:none;}
	.joinType > div{margin:1%;width:47%;}
	/*20230111 추가*/
    .greetingCon{background:none; padding:0px;}
	.greetingCon .img{position:relative; top:0px; right:0; margin-bottom:50px;text-align:center;}
	.greetingCon .img span{right:50%;margin-right:-250px;max-width:100%;}
	.greetingCon p{margin-right:0;}
    .greetingCon p span.br{display:inline;}
    .greetingCon p.first{margin-right:0px; padding:0px;}
    .greetingCon span.sign{position:relative; font-size:18px; margin-top:80px; padding-bottom:50px;}
    .greetingCon span.sign img{position:absolute; top:25px; right:25px; width:125px;}
    
	.organDiagram{background-position:41% 30px;}
	.organDiagram li.item1,
	.organDiagram li.item2,
	.organDiagram li.item3{width:170px !important;}
	.promoPerson{padding:50px 50px 50px 420px;}
	.promoPerson .bigImg{left:50px;}
	.personList > ul > li .title{margin:10px 0;font-size:20px;line-height:130%;}
	.memberOrgan ul:before{left:6.7%;right:6.7%;}
	.memberOrgan ul li{margin:0;width:12%;}
	.mainOrganList .organType > li{margin:3px;}
	.mainOrganList .organDept{margin-bottom:0;background:url(../../images/n21/sub/bg_mainOrganList_mNew.png) no-repeat center 68px;}
	.mainOrganList .organDept .dept1 > a{margin: 0 auto 10px;height:80px;line-height:80px;}
	.mainOrganList .organDept .dept2{margin:0 10px 20px;}
	.mainOrganList .organDept .dept3_1.deptBoxItem{margin-left:15px;margin-bottom:80px;}
	.mainOrganList .organDept .dept3_2,
	.mainOrganList .organDept .dept3_3{margin-left:-180px;}
	.mainOrganList .organDept .dept3_4,
	.mainOrganList .organDept .dept3_5,
	.mainOrganList .organDept .dept3_6{float:none;margin:0 -10px 30px;}
	.mainOrganList .organDept .dept3_4 > a,
	.mainOrganList .organDept .dept3_5 > a{margin:0 auto 20px;}
	.mainOrganList .organDept .dept3_4 .deptBoxItem,
	.mainOrganList .organDept .dept3_5 .deptBoxItem{margin:2px;}
	.mainOrganList .organType{margin-top:-3px;}
	.moveList ul li.prev a{padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
	.moveList ul li.next a{padding-left:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
	.personList.promotion li a{padding-left:155px;padding-right:25px;}
	.personList.promotion li .img{left:25px;}
	.referenceBox > ul > li{width:50%;}
	.referenceBox > ul > li > div .title{line-height:130%;}
	.referenceBox > ul > li > div p{margin-bottom:15px;}
	.referenceBox > ul > li > div p br{display:none;}
	.voteInfoCon{background-size:30% auto;}
	.voteInfoCon .h4Content{margin-right:32%;}
	.mypageMain ul li .title{font-size:18px;}
	.tableView .viewDetail > li > div{display:block;float:left;width:50%;}
	.tableView .viewDetail > li > div + div{margin-left:0;}
	.cardList.thumb ul li{padding:0 5px;}
	.cardList.thumb ul li .img{height:180px;}
	.videoList ul li .img{width:100%;height:100px;}
	.tableView .viewCon iframe{height:600px;}

}

@media all and (max-width:1024px){
	.election_officer .play_pic_card ul li{width:33.33%;}
	
	.new-character .char-front .txt .h5Content{padding-right:20px;}
	.new-character .char-front .txt .h5Content p br{display:none;}
	
	/*
	.pic_view_area{top:50%;left:5%;right:5%;width:90%;height:auto;margin:-294px 0 0 0;padding:0 6% 0 5%;background-size:100%;}
	.pic_view_area>div>strong{top:-46px;font-size:30px;}	
	.bx-prev{left:-8.5%;width:20px;height:44px;margin-top:-22px;background-size:100%;}
	.bx-next{right:-8.5%;width:20px;height:44px;margin-top:-22px;background-size:100%;}
	*/
}



@media all and (max-width:960px){

    #naviBar .rightArea{display:none;}
    .tableList ul li .title a{font-size:16px;}
    .tableList ul li .date{width:90px;font-size:14px;}
    .tabBar.type2 li{display:inline-block;float:none;padding:0;width:auto;}
	.tabBar.type2 li a{padding:12px;font-size:16px;}
	.bbsSearch .w210{width:150px;}
	.cardList ul li a{padding:15px;}
	.tableCon .form input[type="text"],
	.tableCon .form input[type="password"],
	.tableCon .form select{margin:2px 0;}
	.tableCon .tableExp{display:block;}
	.tableCon input + .tableExp{margin:5px 0 0;}
	.topIconBox{padding:30px 20px 30px 140px;}
	.topIconBox .title{line-height:130%;}
	.topIconBox .icon{left:20px;top:20px;}
	.topIconBox .icon img{width:100px;}
	.topIconBox.type3{padding-left:150px;}
	.topIconBox.type3 .icon{left:60px;}
	.topIconBox.type3 .icon img{width:70px;}
	.stepList > li{padding:4px;}
	.stepList.col4 > li{width:50%;}
	.satisfaction .satisBox .title{float:none;padding:0 0 0 80px;background-position:20px center;}
	.satisfaction .satisBox .title:after{display:none;}
	.satisfaction .satisBox .radiobox{padding-left:30px;}
	.satisfaction .satisBox .radiobox > span{margin-right:15px;}
	.satisfaction .satisBox .satisBtn{margin-left:15px;}
	.reportBox{padding:30px 20px;background-size:auto 50px;background-position:right 20px top 10px;}
	.hopeConTop{height:auto;background-repeat:repeat;}
	.hopeConTop p{padding:30px 0;}
	.hopeConTop p .txtSmall{margin:5px 130px 0 150px;line-height:140%;}
	.hopeConTop p .txtSmall:after{display:none;}
	.loginBox{padding:30px 10px;}
	.loginInput input{width:300px;}
	.loginBox .loginCertify{padding:0;}
	.loginBox .loginCertify ul li{padding:80px 10px 20px;text-align:center;background-position:center 10px !important;}
	.loginBox .loginCertify ul li input[type="text"]{margin:10px auto !important;}
	.loginBox .loginCertify ul li .btnPurple{margin:0 auto;}
	.loginBox .loginCertify ul.col2 li{padding-left:10px;}
	.joinEnd{padding:30px 20px;}
	.politiName ul li{width:33.33%;}
	.politiName ul li a{display:table;width:100%;font-size:14px;}
	.politiName ul li a span{display:table-cell;height:46px;line-height:140%;vertical-align:middle;}
	.missionCon .purposeCon > ul > li{margin-bottom:20px;}
	.statusCon .desc{padding:15px;}
	.statusCon .desc p{font-size:15px;}
	.historyList:after{left:45px;}
	.historyList ul li{float:none !important;width:auto;}
	.historyList ul li:before,
	.historyList ul li:after{display:none;}
	.historyList ul li:nth-child(2n),
	.historyList ul li:nth-child(2n-1){padding-left:110px;padding-right:0;}
	.historyList ul li .year{width:90px;height:90px;line-height:90px;font-size:17px;}
	.historyList ul li:nth-child(2n) .year,
	.historyList ul li:nth-child(2n-1) .year{left:0;right:inherit;}
	.historyList ul li .year:before{display:none;}
	.historyList ul li:nth-child(2n) .year:after{border-left:none;border-right:1px solid #2d9791;}
	.historyList ul li .subject{margin-bottom:10px;font-size:17px;}
	.historyList ul li .desc{font-size:13px;}
	.personList > ul > li{float:none;width:auto;}
	.processList li div{padding:0 10px;}
	.ceoHistory .leftArea p b{line-height:140%;}
	.ceoHistory.type2 .leftArea{float:none;margin-right:0;margin-bottom:30px;width:auto;}
	.ceoHistory.type2 .leftArea .personList > ul{margin:0;}
	.ceoHistory.type2 .rightArea{float:none;width:auto;}
	.organDiagram{background:none;}
	.organDiagram li{display:block;margin:0 auto;}
	.organDiagram li.item1,
	.organDiagram li.item2,
	.organDiagram li.item3{margin-bottom:60px;}
	.organDiagram li.item4{margin:0 auto;}
	.organDiagram li .head{margin-bottom:80px;}
	.organDiagram li .desc{padding:0 !important;}
	.organDiagram li .desc:after{bottom:-40px;}
	.checkBoxList > li{float:none;margin-bottom:10px;width:auto;}
	.checkBoxList > li > div{padding:15px;height:auto;}
	.divisionWork .dep2 > li > span{width:200px;font-size:15px;}
	.divisionWork .dep3{width:100%;}
	.divisionWork .dep3 li{}
	.divisionWork .dep3 li span{width:120px;}
	.promoPerson{padding:30px;height:auto;background-size:cover;}
	.promoPerson .bigImg{position:static;margin:0 auto;width:200px;height:auto;}
	.promoPerson .infoList{margin-bottom:30px;}
	.promoPerson .infoList li{font-size:17px;line-height:140%;}
	.promoPersonList{text-align:center;}
	.promoPersonList li{display:inline-block;padding:5px;float:none;width:auto;}
	.promoPersonList li img{width:70px;}
	.grayConBox{padding:25px 15px;}
	.memberOrgan ul:before{left:13%;right:13%;}
	.memberOrgan ul li{width:24%;}
	.memberOrgan ul li:nth-child(n+5){margin-top:5px;}
	.memberOrgan ul li:nth-child(n+5):before{display:none;}
	.symbolWrap .symbolDown{float:none;margin-bottom:30px;width:auto;}
	.symbolWrap .symbolDown img{margin:0 auto 30px;}
	.symbolWrap .expArea{float:none;width:auto;}
	.viewerTxt .icon{top:40px;}
	.sitemap .siteDepth1{height:auto;}
	.sitemap .siteDepth1 > li{width:50%;}
	.sitemap .siteDepth1 > li:nth-child(5),
	.sitemap .siteDepth1 > li:nth-child(6){position:static;}
	.sitemap .siteDepth1 > li:nth-child(n+1):nth-child(-n+2){height:auto;}
	.sitemap .siteDepth1 > li:nth-child(n+3):nth-child(-n+4){margin-bottom:40px;}
	.sitemap .siteDepth1 > li:nth-child(odd){clear:both;}
	.sitemap .siteDepth1 > li:nth-child(even){border-right:none;}
	.topIconBox.type2{padding-left:180px;}
	.topIconBox.type2 .icon{left:40px;}
	.topIconBox.type2 .icon img{width:auto;}
	.boxInfoItem > ul > li{float:none;margin-bottom:15px;width:auto;}
	.stepList2 > li > div{padding:12px;}
	.stepList2 > li .head{font-size:16px;}
	.rowStepList > li .desc p{font-size:15px;}
	.mypageMain ul li{width:50%;}
	#subVisual > .inner{height:180px;}
	#naviBar .naviList > li.type2 > a{padding-right:40px;min-width:180px;font-size:14px;}
	#naviBar .naviList > li ul li a{padding:8px;font-size:14px;}
	.tableList ul li .num{display:none;}
	.cardList.thumb ul li{width:50%;}
	.cardList.thumb ul li .img{height:237px;}
	.tableView .viewCon iframe{height:500px;}
	.bannerZone ul li{width:33.3333%;}
	.calenderWrap .leftArea,
	.calenderWrap .rightArea{float:none;width:auto;}
	.calenderWrap .rightArea{margin-top:20px;padding:0;}
	.calenderWrap .rightArea table td a{display:block;margin:0 auto;width:100px;}
	.calenderWrap .leftArea .calendarTable table td.active{background-position:center 35px;}
	.modalWrap.small{margin-left:0px;width:auto;}
	.promotionCenter{min-height:auto;}

}

@media all and (max-width:900px){
.pic_view_area{width:100%;}
.pic_view_area .pic-frame{width:100%;height:62.6666vw;padding:0 10%;}
.pic_view_area .pic-title{height:11.11vw; padding:4.7vw 0 0 0;}
.pic_view_area .pic-title span{font-size:4vw; line-height:4vw;}
.pic_view_area .pic-title i{width:3vw;height:2.22vw;}
.pic_view_area .useBx_pic{height:45vw;max-width:100%;} 
.pic_view_area .icon{bottom:-10px;left:0;width:21.22vw;height:25.77vw;}

.bx-prev{left:-7.77vw;width:4.5555vw;height:8.7777vw;}
.bx-next{right:-7.77vw;width:4.5555vw;height:8.7777vw;}

/* vw계산하기 : 900/현재px * 100 */
}

@media all and (max-width:840px){
	.election_officer .btn_officer button{font-size:14px;height:36px;float:left;}
	
}

@media all and (max-width:768px){
	.new-character .char-front{margin-bottom:10px; padding:20px; display:block;}
	.new-character .char-front > div{width:auto;}
	.new-character .char-front .txt{margin-bottom:20px;}
	.new-character .char-front .txt .h5Content br{display:none;}
	.new-character .char-front .img img{max-width:80%;}
	.new-character .char-detail{display:block;margin:0;}
	.new-character .char-detail > div{width:auto;margin:0 0 10px 0;}
}

@media all and (max-width:640px){
    #container{background-size:auto 150px !important;}
    #subVisual > .inner{height:auto;}
    #subVisual h2{padding:0 2%;height:100px;line-height:100px;font-size:30px;}
    #naviBar{display:none;}
    #container h3{padding:0;font-size:24px;text-indent:-99999px;}
    .paging > a{display:none;}
    .mobilePaging{display:block;}
    #mobileNavTab{display:block;}

    #subContents{padding-bottom:50px;}
	h4{margin-bottom:15px;font-size:20px;line-height:130%;}
	h5{margin-bottom:10px;padding-left:25px;font-size:17px;line-height:130%;background-size:auto 14px;background-position:left 2px;}
	h6{font-size:15px;}
	.h4Content{padding-bottom:30px;}
	.h4Content p{font-size:13px;}
	.h5Content{padding-left:22px;}
	.h5Content > p,
	.h6Content > p{font-size:13px;}
	input + label{font-size:14px;}
	.tabBar{margin-bottom:30px;}
	.tabBar li{display:table;float:left;margin:-1px 0 0 -1px;padding:0;width:50%;min-width:auto;line-height:140%;border-radius:0;}
	.tabBar li a{display:table-cell;padding:0 10px;width:100%;height:48px;font-size:15px;vertical-align:middle;}
	.tabBar li.active{margin-top:-1px;border:1px solid #009083;}
	.tabBar li.active a{position:relative;}
	.tabBar li.active a:before{display:block;content:'';position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;border:2px solid #654F4F;}
	.tabBar.type2 li a{padding:12px 8px;height:auto;font-size:14px;}
	.tabBar.type2 li.active a:before{display:none;}
	.tabBar.type2 li.active a:after{bottom:3px;}
	.btnArea{margin:25px 0;}
	.btn_s{padding:0 7px;font-size:13px;}
	.btn_m{padding:10px;min-width:auto;font-size:14px;}
	.btn_l{padding:0 15px;min-width:80px;font-size:15px;}
	.btnArea .btn_l{min-width:80px;}
	.bbsSearch{text-align:left;}
	.bbsSearch input[type="submit"]{width:60px;}
	.bbsSearch input[type='text']{width:calc(50% - 10px);}
	.bbsSearch select{width:calc(50% - 4px);}
	.bbsSearch .totalNum{display:none;}
	.rvt_sub_area .bbsSearch{padding-left: 30px;}
	.bbsSearch input.useDatepicker{display:none;width:calc(50% - 10px);}
	.bbsSearch .dateMid{display:none;}
	.bbsSearch input[type='text'].w260{width:calc(100% - 121px);}
	.bbsSearch dl{width:100%;font-size:0;}
	.bbsSearch dl dt{margin-right:0;padding-right:5px;width:30%;font-size:14px;box-sizing:border-box;}
	.bbsSearch dl dd{width:70%;}
	.bbsSearch dl dd input[type='text'],
	.bbsSearch dl dd select{width:100% !important;}
	.bbsSearch dl dd + dt{margin-left:0;}
	.bbsSearch dl + input[type="submit"]{margin-left:30%;}
	.bbsSearch.type3{padding:20px 10px;}
	.totalNum{font-size:14px;}
	.listCondition .sortItem{margin-right:-10px;}
	.tableList ul li{display:block;padding:10px 0;}
	.tableList ul li > *{display:inline-block;padding:3px 10px !important;width:auto !important;height:auto !important;font-size:13px !important;}
	.tableList ul li .num em{width:30px;height:30px;line-height:30px;font-size:13px;}
	.tableList ul li .title{display:block;}
	.tableList ul li .title a{padding:0;line-height:140%;}
	.thumbList li{padding:15px 120px 15px 15px;min-height:110px;}
	.thumbList li .title{font-size:17px;}
	.thumbList li .img{top:20px;width:111px;height:70px;}
	.thumbList li .desc{margin-bottom:10px;height:40px;line-height:20px;font-size:13px;}
	.thumbList li .date{font-size:14px;}
	.cardList ul{margin:0 -5px;}
	.cardList ul li{margin-bottom:10px;padding:0 5px;width:50%;}
	.cardList ul li a .title{margin-bottom:15px;height:72px;line-height:24px;font-size:17px;}
	.cardList.thumb ul{margin:0 -5px;}
	.cardList.thumb ul li{padding:0 5px;}
	.cardList.thumb ul li a .title{margin:15px 15px 10px;font-size:15px;}
	.cardList.thumb ul li a .date{margin:0 15px 15px;}
	.topVideoView{margin-bottom:20px;padding:30px 0;}
	.topVideoView .title{margin-bottom:15px;font-size:20px;}
	.topVideoView .videoBox .videoArea{width:100%;height:200px;}
	.topVideoView .videoBox .infoArea{padding-left:10px;width:100%;}
	.videoList ul li{padding:7px 5px;width:50%;}
	.videoList ul li .title{font-size:15px;}
	.tableCon .list th,
	.tableCon .list td{padding:10px 3px;font-size:8px;}
	.tableCon .list th.alignLeft,
	.tableCon .list td.alignLeft,
	.tableCon .list.type2 th,
	.tableCon .list.type2 td{padding:10px 3px;}
	.tableCon .list.type2 th{font-size:14px;}
	.tableCon .list.type3 td{padding:8px 1px;height:50px;box-sizing:border-box;}
	.tableCon .form,
	.tableCon .form tbody,
	.tableCon .form tbody tr,
	.tableCon .form tbody th,
	.tableCon .form tbody td{display:block;}
	.tableCon .form tbody tr{border-bottom:1px solid #e3e3e3;}
	.tableCon .form tbody th{padding:5px 10px;background:#f4f7fe;font-size:14px;border-bottom:1px dotted #e5e9f4;}
	.tableCon .form tbody td{padding:10px;border:none;height:auto;font-size:13px;}
	.tableCon .form label{font-size:13px;}
	.tableCon .form .w280{width:calc(50% - 2px);}
	.tableCon .form .w180{width:calc(50% - 10px);}
	.tableCon .form .w110,
	.tableCon .form .w80{width:calc(33.33% - 8px);}
	.tableCon .form .inputSet + .btn_s{margin-left:7px;}
	.tableCon .tableExp{font-size:13px;}
	.tableCon .reqTop{font-size:13px;}
	.tableView .viewTitle{padding:15px 10px;}
	.tableView .viewTitle b{font-size:16px;line-height:140%;}
	.tableView .viewDetail > li{padding:15px 10px;line-height:24px;font-size:13px;}
	.tableView .viewDetail > li > div{margin:2px 15px 2px 0;width:auto;}
	.tableView .viewDetail > li > div + div{margin-left:0;}
	.tableView .viewDetail > li .head{width:auto;padding-right:8px;font-weight:700;}
	.tableView .viewDetail > li .desc{padding-left:5px;}
	.tableView .viewDetail > li .desc + .head{margin-left:20px;}
	.tableView .viewDetail > li .quickView{margin:0 10px;}
	
	.tableView .viewCon + .viewDetail > li:last-child .head{display:block;}
	.tableView .viewCon + .viewDetail > li:last-child .head:after{display:none;}
	
	.tableView .fileView + .viewDetail > li:last-child .head{display:block;}
	.tableView .fileView + .viewDetail > li:last-child .head:after{display:none;}
	
	.tableView .viewCon{padding:15px 10px;font-size:13px !important;}
	.tableView .viewCon .listCon > li{font-size:13px !important;}
	.fileLink{display:inline;}
	.filebox .upload-name{width:calc(100% - 88px);}
	.listCon.dot > li{font-size:13px;}
	ul + .listCon, div + .listCon{margin-top:15px;}
	.checkList li{font-size:13px;}
	.topIconBox{margin-bottom:30px;padding:20px 20px 30px;text-align:center;border-bottom-left-radius:60px;}
	.topIconBox .icon{position:static;margin-bottom:10px;text-align:center;}
	.topIconBox .icon img{width:80px;}
	.topIconBox .title{font-size:17px;}
	.topIconBox.type3{padding-left:20px;}
	.topIconBox.type3 p{font-size:14px;}
	.topIconBox p{margin-bottom:15px;font-size:13px;text-align:left;}
	.stepList > li > div{padding:15px 10px 0px;height:160px;}
	.stepList > li .head{font-size:17px;}
	.stepList > li .desc{font-size:13px;}
	.satisfaction{margin-top:40px;padding:20px;}
	.satisfaction p{background-position:left top;}
	.satisfaction .satisBox{padding:10px 20px;}
	.satisfaction .satisBox .title{font-size:15px;padding-left:50px;background-position:left center;background-size:auto 40px;}
	.satisfaction .satisBox .radiobox{float:none;padding-left:0;}
	.satisfaction .satisBox .radiobox > span{line-height:36px;}
	.satisfaction .satisBox .radiobox label{font-size:13px;}
	.satisfaction .satisBox .radiobox label img{height:12px;}
	.satisfaction .satisBox .satisBtn{float:right;margin-left:0;font-size:14px;}
	.satisfaction > ul > li{line-height:24px;font-size:13px;}
	.satisfaction > ul > li:after{top:10px;}
	.satisfaction > ul > li .pageQna li{margin:2px;font-size:13px;}
	.reportBox{padding:80px 20px 20px;background-position:center 15px;}
	.reportBox .title{font-size:20px;text-align:center;}
	.reportBox p{font-size:13px;}
	.numberList li{padding-left:30px;}
	.numberList li > b{font-size:14px;line-height:140%;}
	.numberList li .num{width:24px;height:24px;line-height:24px;font-size:16px;}
	.numberList li p{font-size:13px;}
	.hopeConTop p{padding:20px;font-size:14px;}
	.hopeConTop p b{margin-top:7px;font-size:24px;line-height:130%;}
	.hopeConTop p .txtSmall{margin:10px 70px 0 10px;font-size:13px;}
	.hopeConTop:before{display:none;}
	.hopeConTop:after{width:80px;height:40px;background-size:auto 40px;}
	.loginExp{margin-left:25px;margin-bottom:10px;font-size:14px;}
	.loginInput{margin:0 20px 25px;}
	.loginInput span{display:block;margin-right:0;}
	.loginInput input{width:100%;}
	.loginInput .btnLogin{display:block;margin-top:8px;width:100%;height:42px;line-height:42px;}
	.loginBox{border-bottom-left-radius:60px;}
	.loginBox .goLink{font-size:14px;}
	.loginBox .goLink + .goLink{margin-left:10px;}
	.loginBox .loginCertify ul li{width:100%;}
	.loginBox .loginCertify ul li.icon1{border-bottom:1px solid #e3e3e3;}
	.loginBox .loginCertify ul li:after,
	.loginBox .loginCertify ul li p br{display:none;}
	.loginBox .loginCertify ul li.snsLogin{margin-top:0 !important;}
	.loginBox .loginCertify ul.col2 li.icon1{border-bottom:none;width:auto;}
	.loginBox + h5,
	.listCon + h5{margin-top:30px;}
	.loginBox + .listCon{margin-top:15px;margin-left:30px;}
	.joinStep{margin-bottom:20px;}
	.joinStep li:after{top:11px;}
	.joinStep li em{width:22px;height:22px;line-height:18px;font-size:15px;}
	.joinStep li.active .txt{font-size:17px;line-height:24px;}
	.joinType > div{padding:20px 0 30px;border-bottom-left-radius:60px;}
	.joinType > div span{margin-bottom:10px;font-size:17px;}
	.joinType > div img{margin:0 auto 10px;height:70px;}
	.joinType .btnPurple{width:100px;font-size:14px;}
	.agreeBox{padding:20px;}
	.agreeBox textarea{font-size:13px;}
	.joinEnd img{height:100px;}
	.joinEnd p{padding:15px 0 25px;font-size:13px;}
	.joinEnd .txtBig{font-size:17px;line-height:140%;}
	.missionCon{margin-bottom:30px;}
	.missionCon .topVision{padding-top:30px;width:270px;height:200px;font-size:15px;background-size:250px auto;}
	.missionCon .topVision .topTitle{font-size:24px;}
	.missionCon .purposeCon .topTitle{font-size:20px;}
	.missionCon .purposeCon > ul > li{padding:0px;}
	.missionCon .purposeCon > ul li .head{height:80px;}
	.missionCon .purposeCon > ul li .head b{font-size:17px;}
	.missionCon .purposeCon > ul ul li{font-size:13px;}
	.statusCon .head{position:relative;margin:0 auto 67px;width:263px;height:80px;}
	.statusCon .head b{font-size:17px;}
	.statusCon .desc{height:auto;}
	.statusCon ul li{padding:10px;}
	.statusCon ul li .head:before{left:50%;top:unset;right:inherit;bottom:-19px;margin-top:0;margin-left:-14.5px;width:29px;height:9px;background:#fff;}
	.statusCon ul li .head:after{top:inherit;border:none;border-bottom:1px solid #298fb9;border-left:1px solid #fff;border-right:1px solid #fff;}
	.statusCon ul li.item2 .head:after{border-right:1px solid #fff;border-bottom:1px solid #2d9791;}
	.statusCon .desc p{font-size:13px;}
	.statusCon .desc:before{top:-57px;left:50%;margin-left:-3px;width:9px;height:9px;background:#7e7d8c;border-radius:50%;}
	.statusCon .desc:after{top:-52px;left:50%;width:1px;height:52px;border-right:1px solid #7e7d8c;border-top:none;}
	.historyList:after{left:35px;}
	.historyList ul li .year{width:70px;height:70px;line-height:70px;font-size:15px;}
	.historyList ul li{padding-left:90px !important;}
	.processList li{padding:4px;}
	.processList li:after{right:-10px;margin-top:-10px;width:21px;height:21px;}
	.processList.col4 li{width:50%;}
	.processList.col6 li{width:33.3333%;}
	.processList li div{height:70px;}
	.processList li b{font-size:14px;}
	.checkBoxList .checkList li{font-size:13px;}
	.greetingCon .img span{right:0;margin-right:0;height:50px;line-height:50px;font-size:15px;}
	.greetingCon .txtBig{margin-bottom:20px;font-size:20px;}
	.greetingCon p{margin-bottom:20px;font-size:14px;}
	.topTxtArea{font-size:14px;}
	.imgWrap{padding:20px 0;}
	.moveList ul li a{overflow:inherit !important;}
	.moveList ul li.next a{padding-right:0;}
	.moveList ul li a span{display:none;}
	.ceoHistory .leftArea,
	.ceoHistory .rightArea{float:none;margin-right:0;width:auto;}
	.ceoHistory .leftArea{margin-bottom:20px;}
	.ceoHistory .leftArea img{max-height:200px;}
	.ceoHistory .leftArea p{font-size:14px;}
	.ceoHistory .leftArea p b{font-size:18px;}
	.ceoHistory .rightArea{margin-bottom:20px;}
	.ceoHistory .floatLeft{float:none !important;}
	.ceoHistory .w49p{margin-bottom:20px;width:auto;}
	.personList > ul > li > a{padding:25px 15px 25px 160px;}
	.personList > ul > li .img{left:15px;}
	.personList > ul > li .title{margin:5px 0;font-size:16px;}
	.personList.promotion li a{padding-left:145px;}
	.historyList2 li{margin-bottom:15px;font-size:13px;}
	.historyList2 li .year{font-size:15px;}
	.memberOrgan .topItem{height:80px;font-size:16px;}
	.memberOrgan .topItem b{font-size:20px;}
	.memberOrgan ul li span{height:60px;}
	.memberOrgan ul li span a{font-size:14px;}
	.memberOrgan ul li span a strong{font-size:17px;}
	.mainOrganList .organDept .dept2 a{width:100px;font-size:15px;}
	.mainOrganList .organDept .dept3_2,
	.mainOrganList .organDept .dept3_3{margin-left:-120px;width:100px;}
	.mainOrganList .organDept .deptBoxItem{width:110px;}
	.mainOrganList .organDept .deptBoxItem > a{font-size:15px;}
	.mainOrganList .organDept .deptBoxItem > ul{padding:5px;min-height:110px;}
	.mainOrganList .organDept .deptBoxItem > ul li a{font-size:13px;}
	.mainOrganList .organDept .dept3_1.deptBoxItem > ul{min-height:55px;}
	.divisionWork > li > span{width:150px;font-size:17px;}
	.divisionWork .dep3 > li > span{font-size:15px;}
	.promoPerson{padding:25px 15px;}
	.promoPerson .bigImg{width:150px;}
	.managerBox{padding:15px;font-size:15px;}
	.managerBox p{line-height:30px;}
	.managerBox .icon{font-size:17px;background-size:30px auto;}
	.colorUseList li{width:50%;}
	.colorList li{float:none;width:auto;}
	.colorUseList li:nth-child(odd){clear:both;}
	.colorUseList.type2 li{width:50%;}
	.sitemap .siteDepth1 > li{padding:10px 15px;}
	.sitemap .siteDepth1 > li > .title{margin:2px 0 15px;font-size:20px;}
	.sitemap .siteDepth2 > li > a{margin-bottom:10px;font-size:16px;}
	.sitemap .siteDepth3 > li a{font-size:13px;}
	.viewerTxt{margin-bottom:40px;padding:20px 20px 30px;text-align:center;border-bottom-left-radius:60px;}
	.viewerTxt .icon{position:static;margin-bottom:10px;text-align:center;}
	.viewerTxt .icon img{width:80px;}
	.markItem{padding-left:24px;background-size:16px auto;}
	.referenceBox > ul > li{float:none;margin-bottom:50px;width:auto;}
	.referenceBox > ul > li > div{padding:40px 15px 20px;height:auto;}
	.referenceBox > ul > li > div img{margin-left:-25px;width:50px;}
	.referenceBox > ul > li > div .title{margin-bottom:10px;font-size:17px;}
	.referenceBox > ul > li > div p{margin-bottom:10px;font-size:13px;}
	.bannerZone ul li{width:50%;}
	.topIconBox.type2{padding-left:20px;}
	.boxInfoItem > ul > li .title{font-size:17px;}
	.boxInfoItem > ul > li > div > ul > li > b{font-size:15px;}
	.stepList2 > li{display:block;margin-bottom:15px;width:auto;}
	.stepList2 > li:after{top:inherit;bottom:-20px;left:50%;right:inherit;margin-top:0;margin-left:-15px;background:#fff url(/images/n21/sub/icon_processList_ar2.png) no-repeat center;}
	.rowStepList > li{padding-left:120px;}
	.rowStepList > li .head{width:100px;height:100%;}
	.rowStepList > li .head b{font-size:16px;}
	.rowStepList > li .desc{height:auto;}
	.rowStepList > li .desc p{padding:15px;font-size:14px;}
	.rowStepList > li .desc:before{left:-27px;}
	.rowStepList > li .desc:after{left:-27px;width:27px;}
	.voteInfoCon .h4Content p br{display:none;}
	.mypageMain ul li{float:none;margin-bottom:15px;width:auto;}
	.mypageMain ul li div{padding:20px 5px;height:auto;text-align:center;}
	.mypageMain ul li a{display:inline-block;margin:3px;padding:0 15px;width:auto;font-size:14px;}
	.mypageMain ul li .title{margin-bottom:15px;font-size:16px;}
	.mypageMain ul li p{font-size:14px;}
	.tableList ul li .etc{text-align:left;}
	.divisionWork .dep2:after{display:none;}
	.divisionWork .dep2 > li{display:block;margin:5px auto;}
	.divisionWork .dep2 > li > span{margin:0 auto;}
	.divisionWork .dep3{margin-top:20px;}
	.divisionWork .dep3:after{top:-20px;height:20px;}
	.divisionWork .dep3 > li{display:block;margin-bottom:5px;}
	.divisionWork .dep3 > li::before,
	.divisionWork .dep3 > li > span:after{display:none;}
	.divisionWork .dep3 li span{width:auto;}
	.cardList.thumb ul li .img{height:150px;}
	.tableView .viewCon iframe{height:230px;}
	.tableView .viewCon p,
	.tableView .viewCon blockquote,
	.tableView .viewCon div{max-width:100% !important;box-sizing:border-box; height:auto !important;}
	.modalWrap.privacyPopup{width:auto;left:2%;right:2%;transform:inherit;}/*20211105*/
	
	.login-timer{background-color:#fff;padding:10px; margin-top:0;}

}
@media all and (max-width:614px){
	#container h3{display:none;}
	/*.inner{padding:0;}*/
	.election_officer .btn_officer{margin:10px;}
	.election_officer .btn_officer button{font-size:14px;height:36px;float:left;}
	.election_officer .btn_officer button i{display:none;}
	.election_officer .l_left{float:none;width:auto;}
	.election_officer .r_right{float:none;width:auto;}	
	.election_officer .l_left button{width:99%;margin:0 .5%;}
	.election_officer .r_right button{width:99%;margin:0 .5%;}
	.election_officer .r_right .applyMove{display:none;}
	.election_officer .region{display:none;}
	.election_officer .m_region{display:block;position:top:initial;top:initial;left:initial;height:36px;background:#fff;margin:0 3% 3% 3%;width:94%;}
	.election_officer .placement{margin-bottom:0;padding:10px 0 0 0;background:#f0f5f9}
	.web_pic{display:none;}
	.mobile_pic{display:inline-block;width:100%;}
	.election_officer .play_pic_card{border-radius:0;padding:0 10px;}
	.election_officer .play_pic_card ul li{width:50%;}
	.election_officer .play_pic_card ul li>div:nth-child(1){height:200px;padding:5px;}
	.election_officer .play_pic_card ul li>div:nth-child(1) em{width:14%;height:48px;line-height:48px;vertical-align:top;font-size:14px;font-weight:bold;background:url("./images/n21/common/m_e_o_card_number.png") 50% 50% no-repeat;}
	.election_officer .play_pic_card ul li>div:nth-child(1) strong{width:78%;height:48px;line-height:48px;font-size:14px;margin:0;display:inline-block;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.election_officer .play_pic_card ul li>div:nth-child(1) span{font-size:12px;margin-top:10px;height:78px;overflow:hidden;-webkit-line-clamp:4;}
	.election_officer .play_pic_card ul li>div:nth-child(1) div button{height:36px;line-height:38px;font-size:12px;}

	/*
	.pic_view_area{margin:-192px 0 0 0;height:auto;}
	.pic_view_area>div>strong{top:-26px;font-size:14px;}
	.pic_view_area>div>strong span{line-height:20px;}
	.pic_view_area>div>strong span:after{height:9px;}
	.useBx_pic{margin-top:86px;}
	.bx-prev{width:12px;height:24px;margin-top:-12px;}
	.bx-next{width:12px;height:24px;margin-top:-12px;}

	.pic_view_area>div .icon{width:80px;height:116px;left:-40px;background-size:100%;}
	.pic_view_area>div .band{width:60px;height:46px;right:-25px;background-size:100%;}
	.btn_pic_close{margin-top:20px;}
	*/
	
	.election_officer .play_pic_card ul li>div:nth-child(2){width:100%;height:420px;top:50%;left:0;background-size:contain;margin:-181px 0 0 0;padding:50px 13% 5% 16%;}
	.election_officer .play_pic_card ul li>div:nth-child(2) strong{font-size:18px;margin-bottom:10px;line-height:20px;height:38px;padding-bottom:0;width:100%;}
	.election_officer .play_pic_card ul li>div:nth-child(2) div.con{font-size:14px;height:210px;margin-bottom:20px;}
	.btn_summary_close{position:initial;bottom:inherit;left:inherit;margin-left:inherit;}
	.btn_summary_close button{width:100px;height:36px;line-height:36px;font-size:14px;}
	.note_icon{width:92px;height:121px;left:-10px;background-size:100%;}
	
	.btn_pic_close{width:100px;height:36px;line-height:36px;font-size:14px;}
	
	.recommend{padding:3%;}
	.recommend strong{text-align:left;display:block;margin:0 0 3% 0;}
	.recommend strong:before{display:none;background:none;}
	.recommend ul{width:100%;}
	.recommend ul li{margin:5px;}
	.recommend li a{font-size:12px; padding:5px 15px; border: solid 2px #3e35aa;}
	
}

@media all and (max-width:482px){
	.calenderWrap .leftArea .calendarTable table td.closed .closedTxtCorona{font-size:8px;}

}

@media all and (max-width:400px){
	/* 20210901 */
	.mainOrganList .organDept .deptBoxItem{width:90px;}

}

@media all and (max-width:320px){
	.election_officer .btn_officer button{font-size:11px;height:30px;}
	.election_officer .play_pic_card ul li>div:nth-child(2){height:380px;}
	.election_officer .play_pic_card ul li>div:nth-child(2) div.con{height:180px;}

}

/* 2022.12.20 추가*/
    .dept3_7{float: left; margin-right: 15px;}
        .dept3_7 .alone{margin-top: 95px;}
        .mainOrganList .organDept .alone .deptBoxItem > a{background:#fff; border:1px solid #d1d0d7; border-bottom:none; padding-left: 20px; font-size: 15px; color:#555; text-align: left;}
        .mainOrganList .organDept{background: url(/images/n21/sub/bg_mainOrganListNew.png)no-repeat center top 100px;}
        .mainOrganList .organDept .dept2.col2 a{display:inline-block}
        .mainOrganList .organDept .dept2.col2 a:first-child{background: #535353 !important; color: #fff;}
        .mainOrganList .organDept .dept2.col2 a:last-child{margin-left: 35px; background: #fff; color:#555; border: 1px solid #d1d0d7;}
        .mainOrganList .organDept .dept1 > a.light-blue{background: #5f87d7; height:80px; line-height: 80px;}
        .mainOrganList .detp1-row{display: flex; align-items: center; justify-content: center; padding-right: 220px;}
        .mainOrganList .organDept > li.type2 ul.row2{display: flex; justify-content: flex-end; }
        .mainOrganList .organDept .dept2_3 > a{margin-bottom: 80px;}
        .mainOrganList .organDept .dept3_4 > a{margin-left: 70px;}
        .mainOrganList .organDept .dept3_5 > a{margin-left: 220px;}
        .mainOrganList .organDept .deptBoxItem > ul{padding:14px}
        .mainOrganList .organDept .deptBoxItem > ul li a{font-size: 15px;}
        .mainOrganList .organDept .deptBoxItem{width: 138px;}
        .mainOrganList .organDept .dept2{margin:0 20px 35px}
        .mainOrganList .organDept .dept2.col2{position: absolute; right: 0;}
        .mainOrganList .organDept .dept2:last-child a{background: #fff; color:#555; border: 1px solid #d1d0d7; box-sizing: border-box;}

        /* 반응형 */
        @media (max-width: 1280px){
            .mainOrganList .organDept{margin-bottom:0;background:url(/images/n21/sub/bg_mainOrganList_mNew.png) no-repeat center 40px;}
            .mainOrganList .organDept > li{margin-left: 10px;}
            .mainOrganList .detp1-row,
            .mainOrganList .organDept > li.type2 ul.row2,
            .mainOrganList .organDept .dept2.col2,
            .mainOrganList .organDept .dept2.col2 a:last-child{margin-left: 0;}
            .mainOrganList .organDept .dept1 > a{margin-bottom: 20px;}
            .mainOrganList .organDept .dept2.col2 a{margin: 10px 15px;}
            .mainOrganList .detp1-row li{margin-right: 0 !important;}
            .mainOrganList .organDept .dept2 a{display: inline-block;}
            .mainOrganList .organDept > li.type2 ul.row2 li{display: inline-block}
            .mainOrganList .organDept .dept2_3 > a{margin-bottom: 30px;}
            .dept3_7{float: none; margin-right: 0;}
            .dept3_7 .alone{margin:20px 0 30px 180px; }
            .mainOrganList .organDept .dept3_4{margin-bottom: 22px;}
            .mainOrganList .organDept .dept3_4 > a{margin:0 auto 50px}
            .mainOrganList .organDept .dept3_5 > a{margin:0 auto 20px}
            .mainOrganList .organDept .alone .deptBoxItem > ul{display: none;}
            .mainOrganList .organDept .alone .deptBoxItem > a{border-radius: 18px; border-bottom: 1px solid #d1d0d7;;}
            .mainOrganList .organDept .dept2{margin:0 10px 20px;}
        }
         @media (max-width: 890px){
            .mainOrganList .organDept{margin-bottom:0;background:url(/images/n21/sub/bg_mainOrganList_m2New.png) no-repeat center 60px;}
            .mainOrganList .organDept > li{margin-left: 3px;}
            .mainOrganList .detp1-row{margin-right: 10px;}
            .mainOrganList .organDept .dept2.col2 a{margin:0}
            .mainOrganList .organDept .dept2{margin-left: 0;}
            .mainOrganList .organDept .dept3_5 .deptBoxItem{width: 80px;}
            .mainOrganList .organDept .dept3_5 .deptBoxItem > ul{padding: 6px;}
            .mainOrganList .organDept .deptBoxItem > a{font-size: 14px; height:34px; line-height: 34px;}
            .mainOrganList .organDept .dept3_5 .deptBoxItem > ul li a{font-size: 12px;}
            .mainOrganList .organDept > li.type2 ul.row2 li{margin:0 2px 20px 2px !important}
            .mainOrganList .organDept .dept3_4 > a{margin-bottom: 25px;}
            .mainOrganList .organDept .deptBoxItem > ul{min-height: 115px;}
         }
         @media (max-width: 560px){
            .mainOrganList .organDept{margin-bottom:0;background:url(/images/n21/sub/bg_mainOrganList_m3New.png) no-repeat center 40px;}
            .mainOrganList .organDept .dept1 > a,
            .mainOrganList .organDept .dept1 > a.light-blue,
            .mainOrganList .organDept .dept2_3 > a{height: 60px; line-height: 60px; width: 180px; display: inline-block; }
            .mainOrganList .organDept .dept2.col2,
            .mainOrganList .organDept > li.type2 ul.row2{padding:0}
            .mainOrganList .organDept .dept2 > a{width: auto; font-size: 13px; padding: 10px 15px; line-height: inherit; height: auto; border-radius: 6px;}
            .mainOrganList .organDept .dept3_7 .alone{margin:0 0 20px 150px}
            .mainOrganList .organDept .alone .deptBoxItem{width: auto;}
            .mainOrganList .organDept .alone .deptBoxItem a{padding: 0 20px;}
         }
         @media (max-width: 380px){
         	.mainOrganList .organDept .alone .deptBoxItem > a{font-size: 12px;}
            .mainOrganList .organDept .dept1 > a{margin-bottom: 16px;}
            .mainOrganList .organDept .dept1 > a.light-blue{margin-bottom: 28px;}
            .mainOrganList .organDept .dept2_3 > a{margin-bottom: 34px;}
            .mainOrganList .organDept{background-position: center 30px;}
            .mainOrganList .detp1-row{padding-right: 0; justify-content: space-between;}
            .mainOrganList .organDept .dept2 > a{font-size: 12px; padding: 5px 10px;}
            .mainOrganList .organDept .dept3_5 > ul{display: flex;}
            .mainOrganList .organDept .dept3_5 .deptBoxItem{width: 25%}
         }