@charset "utf-8";

@media screen and (max-width:1600px){
	/*#conTop,*/
	#rightQuick{display:none;}
	#leftMenu{}
	/*#mConTop,*/
	#mQuick{display:block;}
}
@media screen and (max-width:1400px){
    #container > .inner{width:auto;}
    .inner{padding:0 2%;width:auto;}
    .hTop-btns{right:2%;}
	.btnArea .leftDesc{position:static;}
	#contentQuick{left:inherit; right:20px;}
	.electionSumm .electionState .timeCon li{background:none;text-indent:0;}
	.serviceProce{padding:0 5%;}
	.stepList{padding:40px 0px;}
	.stepList li{min-width:175px;}
}
@media screen and (max-width:1180px){	
	#gnb ul li{padding:0 10px;}
	#allMenu{left:15px;right:15px;margin-left:0;width:auto;}
	#content{padding:30px;}
	#footer{padding:30px 0 50px;}
	.modalWrap.window{padding:50px 15px 15px;}
	.modalWrap.popup{padding:0;}
	.modalWrap .modalTitle{height:50px;}
	.modalWrap .modalTitle strong.title{line-height:50px;font-size:16px;}
	.modalWrap.window .modalTitle .btn_winClose,
	.modalWrap .modalTitle .btn_modalClose{width:50px;height:50px;}
	.modalWrap.popup .modalTitle .btn_winClose{width:48px;height:47px;top:2px;right:2px;}
	.boardList{margin:20px -10px;}
	.boardList li{padding:10px;width:33.33%;}
	.serviceProce{padding:0;}
	.serviceProce > div{width:48%;}
	.serviceProce ul li.rightArrow:before{right:-45px;width:60px;background-position:right center;z-index:2;}
	.serviceProce ul li.leftArrow:before{left:-45px;width:60px;background-position:left center;z-index:2;}
	.serviceProce .item3 ul li.rightArrow:before{background-position:right center;}
	#gnb ul li a{font-size:16px;}
	.mainBanner .bannerCtrl a{right:47px;}
}
@media screen and (max-width:1024px){
	body{font-size:14px;}
	#header{height:60px;}
	#header > .inner{height:60px;}
	#header .hTop,
	#header:before,
	#gnb{display:none;}
	#header .inner{padding:0 15px;}
	#header h1{left:15px;top:12px;}
	#header h1 a img{height:35px;}
	.hTop-btns{bottom:5px;}
	#totalSearchWrap{top:60px;left:15px;right:15px;margin-left:0;padding:60px 30px;width:auto;}
	#allMenu{display:block;left:-80%;right:0;top:0;bottom:0;width:80%;background:#f5f5f5;border-radius:0;z-index:-1;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
	#allMenu.active{left:0;z-index:100;}
	#allMenu .top{display:block;font-size:13px;background:#30a1c6;}
	#allMenu .top{padding:22px 40px 15px 20px;font-size:13px;color:#fff;line-height:140%;}
	#allMenu .top .msg{display:inline-block;position:relative;margin:0 40px 5px 0;padding-left:20px;}
	#allMenu .top .msg:before{display:block;position:absolute;left:0;top:0;content:'';width:16px;height:14px;background:url(../images/icon_msg.png) no-repeat center;}
	#allMenu .top a{color:#fff;}
	#allMenu .top a.login{}
	#allMenu .menu > li{float:none;position:static;width:100% !important;min-height:auto;}
	#allMenu .menu > li:before{display:none;}
	#allMenu .menu > li > a{padding:25px 15px;height:auto;line-height:120%;font-size:16px;color:#1787ac;font-weight:400;text-align:left;background:transparent;border-bottom:1px solid #fff;border-radius:0px !important;box-sizing:border-box;}
	#allMenu .menu > li > ul{display:none;position:absolute;left:150px;right:0;top:60px;bottom:0;padding:0 15px;min-height:100%;box-sizing:border-box;overflow-y:auto;}
	#allMenu .menu > li > ul > li{margin-bottom:0;border-bottom:1px solid #dcdcdc;}
	#allMenu .menu > li > ul > li > a{padding:24px 0 24px 10px;font-size:15px;}
	#allMenu .menu > li > ul > li:hover > a,
	#allMenu .menu > li > ul > li.active > a{color:#1787ac;}
	#allMenu .menu > li > ul > li.hasChild > a{background:url(../images/icon_mMenu_open.png) 95% center no-repeat;background-size:auto 10px !important;}
	#allMenu .menu > li > ul > li > ul{padding:0 0 0 10px;display:none;}
	#allMenu .menu > li > ul > li > ul > li:last-child{margin-bottom:15px;}
	#allMenu .menu > li.active > a{font-weight:700;background:#fff;}
	#allMenu .menu > li.active > ul{display:block;background:#fff;}
	#allMenu .menu > li > ul > li.active > ul{display:block;margin:0;padding:10px 15px;border-top:1px solid #dcdcdc;}
	#allMenu .menu > li > ul > li.hasChild.active > a{background-image:url(../images/icon_mMenu_close.png);}
	#allMenu .menu > li > ul > li > ul > li > a{padding:10px 0;}
	#allMenu .btn_allMenuClose{top:0;width:60px;height:60px;background:url(../images/icon_mobileGnbClose.png) no-repeat center;}
	#content{padding:20px 15px; width:auto; float:none;}
	
	#conTop{display:none;}
	#leftMenu{display:none;}
	#mConTop{display:block;}
	
	#conTop,
	#mConTop{margin-bottom:30px;height:45px;}
	#conTop h3,
	#mConTop h3{font-size:24px;line-height:45px;}
	#subContent{line-height:150%;}
	#subContent h4{margin-bottom:10px;font-size:19px;}
	#subContent .h4Content{margin-bottom:30px;}
	#footer{padding:20px 0 30px;line-height:160%;}
	#footer .inner{padding:0 10px;}
	.paging{margin:20px 0 30px;}
	.tableBox table th,
	.tableBox table td{word-break:break-all;}
	.tableBox .list th,
	.tableBox .list td{padding:10px 2px;}
	.btn{min-width:100px;height:40px;line-height:40px;font-size:15px;}
	.btn.inline{padding:0 15px;min-width:60px;font-size:13px;}
	.btn.line{line-height:38px;}
	.modalWrap .modalContent .btnArea{margin:15px 0;}
	.modalWrap .modalContent .btn{min-width:100px;}
	.modalWrap .modalContent .btn.small{min-width:auto;}
	.modalWrap .modalContent .paging{margin:10px 0 20px;}
	.titleArea{display:block; margin-bottom:20px;}
	.view-preview .titleRight{padding-top:10px;margin-top:10px;}
	.view-preview .titleRight span:nth-child(1){padding:0px;}
	.titleArea h4{margin-right:5px;}
	.titleArea .desc{padding:0 10px;height:27px;line-height:25px;font-size:13px;}
	.tabBar{margin-bottom:15px;}
	.tabBar li a{min-width:70px;height:40px;line-height:38px;font-size:14px;}	
	.stepArea{margin:-30px 0 40px;padding:20px;}
	.previewSrchArea .rowGrp .row .col:first-child .title{min-width:auto;}
	/*
	.previewArea .voteList2 li .num{width:100px;font-size:17px;}
	.previewArea .voteList2 li .img{left:90px;margin-top:-40px;width:80px;height:80px;}
	.previewArea .voteList2 li .rank em{font-size:35px;}
	.previewArea .voteList2.type2 li .scoreSet a img,
	.previewArea .voteList2.type2 li .right input{max-width:70%;}
	.previewArea .voteList2 li.stamp,
	.previewArea .voteList2 li.active.stamp{background-position:75% center;}
	.previewArea .voteList2.type2 li .num{padding-left:0;text-align:center;}
	*/
	.iconBoxList li p{font-size:13px;}
	.votingInfo li{padding:30px 0;min-height:auto;text-align:center;}
	.votingInfo li:after{display:none;}
	.votingInfo .img{position:static;margin:0 auto 20px;width:auto;}
	.votingInfo .img:after{left:50%;margin-left:-14px;}
	.votingInfo li .title{margin-bottom:10px;}
	.votingInfo li .desc{padding-left:0;}
	.votingInfo.type2 li{margin:0 25px;}
	.votingInfo.type2 .img:after{display:none;}
	.votingInfo.type2 li .title{margin-top:-40px;}
	.votingInfo.type2.col3 li{padding:0 1%;}
	
	.votingInfo.smartPhone{padding:20px 0;}
    .votingInfo.smartPhone li .img{width:30%;}
    .votingInfo.smartPhone li .txt{width:calc(70% - 20px);margin-left:20px;text-align:left;}
    .votingInfo.smartPhone li .desc br{display:none;}

	.checkList li{padding:25px 20px;}
	.particiInfo .num b{font-size:25px;}
	.printSetBox ul li .btn{line-height:58px;}
	.smsTemplate ul{margin:0;}
	.smsTemplate ul li{float:none;margin:0 auto 10px;width:auto;}
	.smsTemplate.type2 ul li{float:left;}
	.verifiCon .verifiItem span{width:80px;height:80px;line-height:80px;}
	.dataVeritiCon .nodeList .title{font-size:14px;}
	.dataVeritiCon .nodeList .num{font-size:25px;}
	.dataVeritiCon .dataResult .dataNum{font-size:28px;}
	.verifiInfoCon{padding:50px 5%;}
	.electionSumm .h4Content,
	.electionSumm .rightArea{float:none;width:auto;}
	.mainVisual ul{margin:0;}
	.mainVisual ul li a b{font-size:20px;}
	#wrap.main{background-size:auto 530px;}
	.mainVisual{height:440px;}
	.mainRow{padding:25px 0;}
	.mainRow h3{font-size:19px;}
	.mainNotice ul li a,
	.mainNotice ul li .date{font-size:15px;}
	.mainNotice{width:50%;}
	.mainNotice ul li{padding-right:80px;}
	.mainPopZone{padding-left:20px;width:50%;}
	.mainListCon ul li a{padding:20px 15px;height:268px;}
	.mainListCon ul li .title{font-size:16px;}
	.mainBanner .bannerCtrl a{right:45px;}
	.mainListCon ul li .name{left:15px;}

	#contentQuick{top:287px;right:0;}	
	.surveyInfoWrap #contentQuick{top:230px;}	
	.sectionTab .tabPage .surveyBox .option{width:100%;}	
	.sectionTab .tabPage .surveyBox .option > span{white-space:nowrap;}	
	.sectionTab .tabPage .sectionDelete{right:5px;}	
	.required_div {margin:-10px 0 0;}	
	
	/* 20220825 css(s) */
	.detailInfo ul{flex-wrap:wrap;}
	.detailInfo ul li{width:100%;}
	
	/* 20220825 css(e) */
}

@media screen and (max-width:800px){	
	.sectionTab .tabPage .h4Content{padding:30px 20px;}	
	
	.loginWrap .loginType1 ul li img{width:100%;}
	.block_chain .row>div{padding:3%;}
	.block_chain .row>div .icon{width:47px;height:47px;margin-right:3%;background-size:100% !important;}

	.closeVoterList .flexColumn {
		display: flex;
		width: 100%;
	}
}

@media screen and (max-width:800px){
	.loginWrap2 .loginType1 ul li img{width:100%;}
}

@media screen and (max-width:640px){
	.loginWrap2{display:block;}
	.loginWrap2 div{width:100%; margin-bottom:30px; padding:20px 0px 20px;}
	.loginWrap2 button.ConBtn{position:static; margin:10px auto; transform:translateX(0%);}
	.loginWrap2 div h4{font-size:22px !important;}
	.loginWrap2 .loginType1 ul li{width:calc(100%/5 - 10px); height:auto;}
	.loginWrap2 .loginType1 ul li img{width:70%;}
	.loginWrap2 .loginType2{background-image:none;}
	.loginWrap2 .t1 {width:100%; padding:20px 0px 20px;}
	.loginWrap2 .t2 {width:100%; padding:20px 0px 20px;}
	.loginWrap2 .t3 {width:100%; padding:20px 0px 20px;}
}
@media screen and (max-width:768px){
    #wrap{background-size:150% auto;}
	.webOnly{display:none;}
	.mobileOnly{display:block;}
	body{font-size:13px;}
	.btn.inline{padding:0 10px;}
	.modalWrap{width:100% !important; max-width:calc(100% - 30px) !important;padding:10px 0 !important;top:60px !important;}
	
	.modalWrap .modalTitle .btn_modalClose{top:-10px !important;right:0 !important;}
	.modalWrap .modalTitle{height:40px;padding:0 20px;}
	.modalWrap.window.mainPop .modalTitle{height:initial;}
	
	.modalWrap .modalTitle strong.title{line-height:40px;}
	.modalWrap .modalContent{padding:20px;}
	.modalWrap.msgWrap .modalTitle .btn_modalClose{right:-10px !important;}
	.modalWrap.msgWrap{padding:20px 35px !important;}	
	.modalWrap.window{padding:20px 35px !important;}
	.modalWrap.window.mainPop{padding:1% 0% !important;left:3% !important;right:3% !important;}
	
	.modalWrap.popup{width:100% !important; max-width:100% !important;padding:0 !important;top:0 !important;}
	.modalWrap.popup .modalTitle .btn_winClose{width:36px;height:36px;top:2px;right:2px;}
	.modalWrap.popup .modalContent{padding:20px;}
	
	#header h1 a span{padding:2px 0 0 10px;font-size:19px;}
	#header .btn_mobileGnbOpen{top:15px;}
	#allMenu{left:-100%;width:100%;}
	#conTop h3{font-size:20px;}
	#content{height:auto !important;}	
	.tableBox .form,
	.tableBox .form tbody,
	.tableBox .form tr,
	.tableBox .form th,
	.tableBox .form td{display:block;}
	.tableBox .form th, 
	.tableBox .form td{height:auto;padding:10px;}
	.tableBox .form th{background:#f1fcff;}
	.tableBox .form th br{display:none;}

	.tableBox .sec-table{border-top:1px solid #dedede;}
    .tableBox .sec-table table{border:none;}
    .tableBox .sec-table table thead{display:none;}
    .tableBox .sec-table table td:before{display:block;content:attr(data-label) ""; font-weight:bold; font-size:16px; margin-bottom:10px;}
    .tableBox .sec-table table td{border:none !important; border-bottom:1px solid #dedede !important; padding:10px !important;}
    .tableBox .sec-table table tr{padding:5px 0;}
	
	span.descMsg{padding-left:0px;font-size:13px;}
	.btmMsgBox p{font-size:14px;}
	.loginForm{width:auto;}
	.loginForm li{padding:0 35px 10px 35px;}
	.loginForm li .captcha,
	.loginForm li .time{float:none;width:auto; height:auto; margin-bottom:20px;}
	.loginForm li .captcha img{display:block;margin:0 auto 5px;}
	.loginForm li.sel select{width:calc(50% - 5px);}
	.tableTip{top:10px;margin-top:0;}
	.titleArea .desc{display:block;margin-top:5px;padding:0;height:auto;line-height:145%;}
	.fileList li a{font-size:13px;}
	.paging > a{display:none;}
	.mobilePaging{display:block;}
	.mobilePaging span{display:inline-block;margin:0 5px;font-size:16px;}
	.mobilePaging span b{color:#2358ae;}
	.boardView strong.title{padding:15px 10px;font-size:14px;}
	.boardView .info,
	.boardView .fileList{padding:15px 10px;}
	.boardView .info li{margin:2px 40px 2px 0;}
	.boardView .viewCon{padding:20px;}
	.searchWrap{padding:15px 10px;}
	.searchWrap input[type="text"].w350{width:200px;}
	.searchWrap .btnSearch{padding:0;min-width:auto;width:37px;text-align:center;text-indent:-9999px;background-position:center;}
	.searchWrap.type2{padding-right:10px;}
	.searchWrap.type2 .btnSearch{right:10px;}
	.searchWrap.type2 .col b{margin-right:0;width:72px;letter-spacing:-1px;font-size:13px;}
	input.useDatepicker{min-width:auto !important;font-size:13px;}
	input[type='text'], input[type='password'], input[type='number'], select{font-size:13px;}
	.boardList{margin:20px -5px;}
	.boardList li{padding:5px;width:50%;}
	.boardList li .con{padding:10px;}
	.boardList li .con:after{display:block;content:'';clear:both;}
	.boardList li .img{height:120px;}
	.boardList li .state{font-size:13px;}
	.boardList li .hit{position:static;float:right;margin-top:7px;font-size:13px;}
	.boardList.type2 li .con{padding-top:15px;height:120px;}
	.boardList.type2 li .con .cate{margin-bottom:10px;padding-bottom:10px;font-size:18px;}
	.boardList.type2 li .title{font-size:13px;}
	
	.stepArea li{font-size:15px;}
	.stepArea li em{width:30px;height:30px;line-height:24px;font-size:15px;letter-spacing:0;}
	.stepArea li.end em{background-size:15px auto;}
	.previewSrchArea .rowGrp .row .col{display:block;margin-right:0;}
	.previewSrchArea .rowGrp .row .col + .col{margin-top:12px;}
	.previewSrchArea .rowGrp .row .title{display:block;margin-bottom:5px;}
	.previewSrchArea .rowGrp .row .floatRight{float:none !important;}
	.previewSrchArea .w200,	
	.previewSrchArea .w150{width:99.9%;}
	
	.electionSumm > .titleArea{}
	
	/* 투표하기 */
	#screenConWrap{padding:10px; background-image:url(../images/bg_wrap_bl2.jpg) !important; background-size:100% auto !important;} /* 20240513 bg_preview_mobile.jpg -> bg_wrap_bl.jpg -> bg_wrap_bl2.jpg */
	/* 미리보기 */
	/*
	.previewArea.web .preview-top .necLogo img{height:36px !important;}	
	.previewArea.web .preview-top .btnPreviewClose{right:20px;top:15px;}
	.previewArea.web .preview-top .title{padding:15px 10px !important;font-size:17px !important;}
	.previewArea.web .preview-top .title em{font-size:15px;}
	.previewArea.web .preview-con-top .clientLogo{margin-top:5px;}
	.previewArea.web .preview-con-top .info{padding:25px 15px;font-size:14px;}
	*/
	/*
	.previewArea.web{padding:15px;}
	.previewArea.web .top{height:80px;}
	.previewArea.web .btn{height:50px;line-height:50px;font-size:17px;}
	.previewArea.mobile .necLogo{padding-top:10px;height:60px;line-height:60px;}
	.previewArea.mobile .title em{margin-bottom:10px;}
	.previewArea.mobile .top{height:40px;line-height:40px;}
	.previewArea.mobile .top strong{font-size:17px;}
	.previewArea.mobile .info{padding:15px 10px;}
	.previewArea.mobile .scrollArea{top:110px;bottom:40px;}	
	
	.previewArea .clientLogo{width:130px;height:36px;}
	.previewArea.web.mobile .clientLogo{margin-top:30px;}
	.previewArea .voteList2 li a{display:block !important;}
	.previewArea .voteList2.type2 li .name em{display:block;margin-left:0;}
	
	.previewArea .voteList.type4{max-width:680px;margin:0 auto;}
	.previewArea .voteList.type4 li{margin:0 5px 20px;width:calc(50% - 10px);}
	.previewArea .voteList.type4 li a{height:50px;}
	.previewArea .voteList.type4 li a:before{width:70px;}
	.previewArea .voteList.type4 li .no{width:60px; font-size:13px;;}
	.previewArea .voteList.type4 li .name{width:calc(100% - 70px);font-size:14px;}
	.previewArea .voteList.type4 li a:after{right:5px;margin-top:-15px;width:30px;height:30px;}

	.previewArea .voteList.type4.row{padding:0 10px;}
	.previewArea .voteList.type4.row li{float:none; margin:0 0 15px;width:auto;}
	*/
	
	.previewArea .voteTalkList{padding:0 10px;}
	.previewArea .voteTalkList li{font-size:14px;}
	
	.loginForm.type2{width:auto;margin-top:20px;}
	.login_ex{width:270px;background-position:-20px top;}
	.login_ex .sms_ex{margin-bottom:25px;padding:45px 0 0 40px;}
	.login_ex .sms_ex02{position:static;padding:10px 15px;border-top:2px solid #a0d6ff;}
	.loginForm.type2 li,
	.loginForm.type2 li.sc{background:none;text-align:center;padding:0 20px;}
	.loginForm li.loginInput{padding:10px 0 20px;}
	.loginForm li.loginInput .title{display:block;margin:0 0 10px 0;line-height:1em;}
    .loginForm li.loginInput .txt_url{line-height:1em;margin-bottom:5px;}
	.loginInput .box_code{display:block;margin:0 auto;width:210px;text-align:center;}
	
	.electionSumm .h4Content{padding-right:0;}
	.electionSumm .h4Content .rightArea{position:relative;margin-top:10px;width:auto;}	
	.electionSumm > .titleArea .right{line-height:140%;}	
    .electionSumm .topTxtArea{margin-bottom:15px;}
    .electionSumm .timeCon-under .title{font-size:13px;}
    .electionSumm .electionState{background:#f6f6f6;}
    .electionSumm .electionState .chartCon{padding:0px 0 10px;}
    .electionSumm .electInfoList{margin-top:15px;}
    
    .vote-summary-top > .timeCon-under > .title { font-size: 13px; }
    
	.font-size-mini{font-size:13px !important;}
	.font-size-small{font-size:14px !important;}
	.font-size-normal{font-size:15px !important;}
	.font-size-large{font-size:16px !important;}
	#subContent h4{font-size:17px;}
	h6{font-size:15px;}
	h6:after{top:4px;}
	.descMsg.type2{font-size:13px;}
	.agreeWrap .agreeCon,
	.agreeWrap .agreeCon label{font-size:13px;}
	.agreeWrap .agreeCon .box{margin-top:10px;padding:15px 10px;}
	.agreeWrap li.sec_tit ul li{margin-left:0;}
	.agreeWrap li.sec_tit ul li.sec_box{padding:10px;}
	.titleArea h5{font-size:16px;}
	.btmMsgBox .left,
	.btmMsgBox .right{padding:5px 0;font-size:14px;text-align:center;}
	.tableBox .list td .notice{padding:5px 3px;font-size:12px;}
	.boardView .fileList li a{font-size:13px;}
	.boardBtm li{padding-left:85px;}
	.boardBtm li b{margin-right:20px;padding:0 15px;}
	.btnArea{margin:25px 0;}
	.accoList li.head{display:none;}
	.accoList li span{display:none;padding:0 10px 10px;width:auto;}
	.accoList li.head span.btnCol, 
	.accoList li .btnSet{display:block;float:right;width:auto;}
	.accoList li .titleWrap{height:auto;}
	.accoList li .titleWrap span.title{display:block;padding:10px;padding-left:40px;}
	.accoList li .titleWrap span.title em{top:10px;left:2px;}
	.accoList li .con{padding:20px 20px 20px 40px;}
	.accoList li .con em{top:20px;left:15px;}
	.boardList li .title{font-size:14px;}
	.btn.small{padding:6px;min-width:30px;height:auto;line-height:140%;}
	.fileLimit{margin-top:5px;}
	.stepList{margin-top:0px;margin-bottom:40px;}
	.stepList:after{display:block;content:'';clear:both;}
	.stepList li{min-width:auto;float:left;display:block;width:25%;}
	.stepList li:after{right:-50%;width:100%;}
	.stepList li .icon{position:relative;z-index:1;}
	.stepList li .txt{font-size:17px;}
	.iconBoxList li{float:none;position:relative;margin-bottom:8px;padding:20px 10px;padding-left:35%;width:auto;height:auto;min-height:120px;border-radius:0px !important;text-align:left;}
	.iconBoxList li .icon{position:absolute;left:10px;top:20px;width:30%;text-align:center;}
	.iconBoxList li p br{display:none;}
	.votingInfo li{padding:10px 0;}
	.votingInfo li .title{font-size:16px;}
	.votingInfo li .desc{font-size:14px;}
	.votingInfo.type2 li{margin-bottom:20px;}
	.votingInfo.type2.col3 li{float:none;margin-bottom:30px;padding:0;width:auto;}
	.iconBoxList.col2 li,
	.iconBoxList.col3 li,
	.iconBoxList.col4 li,
	.iconBoxList.type2 li{padding:30px 10px;padding-left:35%;width:auto;height:auto;}
	.checkList{border-radius:0;}
	.checkList li{float:none;width:auto;border-right:0px none;}
	.checkList li:last-child{display:none;}
	.checkList li .desc{padding-left:25px;margin-top:8px;}
	.iconBoxList li .title{font-size:15px;}
	.iconBoxList li .title br{display:none;}
	.tableBox .enrollForm tbody, 
	.tableBox .enrollForm tr,
	.tableBox .enrollForm th, 
	.tableBox .enrollForm td{display:revert;}
	.candiInfo .leftArea,
	.candiInfo .rightArea{float:none;width:auto;}
	.candiInfo .leftArea{margin-bottom:10px;}
	.candiInfo .leftArea .img{margin:0 auto 10px;}
	.modalWrap .modalContent .btn.small{padding:7px 10px;}
	.particiInfo > div{margin:.5%;padding:20px;width:49% !important;height:auto;}
	.detailInfo ul li{float:none;margin:5px 0;}
	.detailInfo ul li .title{font-size:16px;}
	.detailInfo ul li .num{font-size:17px;}
	.modalWrap .modalContent .msg{font-size:15px;}
	.curVoteState{padding:20px;line-height:150%;}
	.curVoteState .right{position:static;margin-top:15px;text-align:right;}
	h5{font-size:16px;}
	.btn{padding:0 20px;min-width:80px;}
	.curVoteState .title,
	.curVoteState .state{font-size:15px;}
	.electionSumm .electionState .timeCon li .date,
	.electionSumm .electionState .chartCon .title{font-size:14px;}
	.btn.big{min-width:135px;height:50px;line-height:50px;font-size:17px;}
	.stepArea li:after{top:15px;}
	.tableBox .info th, 
	.tableBox .info td{padding:10px 15px;}
	.searchWrap.type3{padding:20px 10px;text-align:center;}
	.searchWrap.type3 .col{display:inline-block;}
	.searchWrap.type3 .col + .col, 
	.searchWrap.type3 .btn_print{margin-left:0;}
	.topInfoBox.type2{padding:25px;}
	.topInfoBox.type2 .listCon li{float:none;margin:0;width:auto;}
	.topInfoBox.type2 .listCon li .head{width:100px;}
	h5 + .tableTitle{margin-top:0;}
	.icon_incomplete{padding-left:0;background:none;}
	.smsWrap .leftArea{margin-bottom:30px;}
	.smsWrap .leftArea,
	.smsWrap .rightArea{float:none;width:auto;}
	.smsWrap .leftArea .smsForm{margin:0 auto 20px;}
	.smsWrap .smsForm .txtArea textarea{padding:15px;height:120px;font-size:15px;}
	.smsTemplate.type2 .head,
	.smsTemplate ul li p{font-size:15px;}
	.smsTemplate.type2 ul li{width:48%;}
	.smsWrap{margin-bottom:30px;}
	.modalWrap .tableBox .info th, 
	.modalWrap .tableBox .info td{font-size:13px;}
	.smsWrap .leftArea .smsForm.email .txtArea textarea{height:200px;}
	.verifiCon{padding:20px 3%;}
	.verifiCon .verifiItem{padding:20px 1%;}
	.modalWrap .verifiCon .verifiItem span,
	.verifiCon .verifiItem span{margin:0;width:40px;height:40px;line-height:40px;font-size:25px;}
	.modalWrap .modalContent .title{font-size:18px;}
	.verifi-title span{line-height:30px;background-size:30px auto; padding-left:40px;font-size:24px;}
	
	.voteVerifiCon .titleArea .left{font-size:22px;}
	.voteVerifiCon .particiInfo div{margin:0 1% 0 0;width:32.3333% !important;height:125px;}
	.voteVerifiCon .particiInfo .item2{width:33.3333% !important;}
	.voteVerifiCon .particiInfo .title{font-size:16px;}
	.particiInfo .num b{font-size:20px;}
	.dataVeritiCon{padding:0;}
	.dataVeritiCon .dataResult{position:static;margin-bottom:20px;padding:20px 5px;width:auto;height:auto;}
	.dataVeritiCon .nodeList > li{margin-bottom:15px;width:50%;border-right:0px none;}
	.dataVeritiCon .nodeList .num{font-size:22px;}
	h4{font-size:18px;}
	.voteVerifiCon .tabBar{margin-bottom:30px;}
	#termMenu_vote li{float:none;width:auto;}
	.verifiInfoCon{padding:25px 3%;}
	.dataVeritiCon.type2 .nodeDataList{position:relative;top:inherit;left:inherit;right:inherit;margin:0 2%;background:#fff;}
	.dataVeritiCon.type2 .dataResult,
	.dataVeritiCon.type2 .nodeList > li{height:auto;}
	.dataVeritiCon.type2 .dataResult .nodeItem{margin-bottom:25px;}
	.dataVeritiCon.type2 .nodeList .title{margin-bottom:45px;}
	.dataVeritiCon.type2{height:auto !important}
	.mainVisual .title img{max-width:70%;}
	.mainVisual ul li{padding:0 5px;}
	.mainVisual ul li img{height:70px;}
	.mainVisual ul li a{height:200px;}
	.mainVisual ul li a b{font-size:16px;}
	.mainNotice,
	.mainPopZone,
	.mainListCon{float:none;width:auto;}
	.mainNotice{margin-bottom:8px;padding-right:0;border-right:0px none;}
	.mainPopZone{position:relative;padding-left:0;}
	.mainPopZone img{width:100%;}
	.mainListCon ul li{float:none;margin-bottom:7px;width:auto;}
	.mainListCon ul li a{height:auto;}
	.mainListCon ul li .name{position:static;margin-top:10px;font-size:11px;color:#3c4d82;}
	.mainListCon ul li .title{height:auto;line-height:20px;font-size:14px;}
	.mainRow.type2{padding:25px 0;}
	.mainListCon.type2{margin-top:30px;padding-left:0;width:auto;}
	.mainListCon.type2 ul{padding:8px 0;}
	.mainListCon.type2 ul li{padding:0 15px;}
	.mainBanner{padding:25px 80px 25px 0;}
	.mainBanner .bannerCtrl a{top:50px;right:33px;}
	/* .measureList{padding:30px 5%;}
	.measureList li{float:none;width:30%;border-radius:0 !important;}
	.measureList li:after{left:140%;margin-left:0;bottom:inherit;top:50%;margin-top:-30px;transform:rotate(270deg);}
	.measureList li .txt{bottom:inherit;top:50%;left:200%;width:120%;font-size:14px;}
	.measureList li a{padding:15px 0;} */
	.candidateList > li{margin-bottom:30px;}
	/*
	.candidateList > li > div{display:block;}
	.candidateList > li .col1{margin-bottom:10px;width:auto;}
	.candidateList > li .col2{padding:20px 10px 0 10px;}	
	.candidateList .img{margin:0 auto 5px;}
	.candidateList > li .name{font-size:17px;}
	.candidateList > li .btnSet{position:relative;right:inherit;top:inherit;transform:translate(0); padding-top:20px;text-align:center;}
	.candidateList > li .btnSet a{display:inline-block;width:auto;}
	*/
	.listCon.dot.promiseList > li:before{top:10px;}
	.msgCateList,
	.msgCateList tbody,
	.msgCateList tr,
	.msgCateList th,
	.msgCateList td{display:block;}
	.msgCateList th{padding:10px;}
	.msgCateList th,
	.msgCateList td{font-size:13px;}
	.msgCateList td.none{display:none;}
	.msgSelectCon .msgCateList td a{padding:8px;}
	.msgSelectCon .msgChangeItem div{float:none !important;width:auto;}
	.msgSelectCon .msgChangeItem .leftItem{margin-bottom:50px;}
	.msgSelectCon .msgChangeItem .leftItem:after{right:inherit;left:50%;top:inherit;bottom:-45px;margin-top:0;margin-left:-14px;width:28px;height:37px;background:url(../images/icon_votingInfo_ar.gif) no-repeat;}

	/* 20220216  */
	.enrollForm .btn.inline{padding:5px 10px;height:auto;line-height:130%;font-size:11px;}
	
	.tableBottom .btn-log{position:relative;left:inherit;top:inherit;bottom:inherit;right:inherit;display:block; padding:0;margin-top:10px; border:none;}

    .btn_round.blue{padding:0 15px;}

	/* 설문조사 */	
	.survey-title > span{display:block;}	
	.survey-title .title input{width:100%;}	
	.sectionTab .tabPage .surveyBox .title{margin-bottom:5px;}	
	.surveyBox .cont {display: block;}	
	.surveyBox .cont .imgArea, .surveyBox .cont .conArea{display:block;}	
	.surveyBox .cont .imgArea{margin-bottom:20px;}	
	.surveyBox .cont .conArea .exList input[type="text"]{width:calc(100% - 80px);}	
	.surveyBox{padding:30px 0;}	
	.sectionTab .tabPage .surveyTabSortable > li:before{width:30px;height:30px;line-height:30px;top:-5px;left:0;}	
	.sectionTab .tabPage .surveyTabSortable{padding:0;}	
	.sectionTab .tabPage .surveyBox .tableBox .grid th .lb{display:block;}	
	.surveyInfoTop{padding:30px 20px;}	
	.surveyInfoTop > div{padding:0;}	
	.surveyInfoTop .set1{width:100%; margin-bottom:30px;}	
	.surveyInfoTop .set2{width:calc(50% - 10px);}	
	.surveyInfoTop .set3{width:calc(50% - 10px);float:right;}	
	.surveyInfoTop .set1 li{font-size:15px;}	
	.surveyInfoTop .set2 .btnGroup a{height:34px;line-height:34px;}	
	.surveyInfoTop .set2 .btnGroup{position:relative;}	
	.surveyInfoTop .set2 .tooptipWrap{position:unset;}	
	.surveyInfoTop .set2 .tooptipWrap .tooltipBox{left:50%;right:inherit;width:250px;transform:translateX(-50%);}	
	.tooptipWrap .tooltipBox.tooltip-plot:before{right:50%;}	
	.tooptipWrap .tooltipBox.tooltip-url:before{}
	
	.btn_lang{top:5px;}
	
	
    /* 투표관리 목록 */
    .vote-mngList-top .item{display:block;}
    .vote-mngList-top .bar{display:none;}
    .tableTitle .btns{margin:10px 0 5px;}
    
    .candidateList > li .col2{padding:3%;}
    .candidateList > li .btnSet{display:flex;justify-content:center;margin-top:2%;position:initial;right:initial;top:initial;transform:initial;}
    .candidateList > li .btnSet a{display:inline-flex;justify-content:center;margin:0 2px;}

	.tbody-td input {min-width: auto;}
	.thead-th {font-size: 13px;}
}

@media screen and (max-width:640px){
	.previewArea .voteList2 li{min-height:40px;}
    .candidateList > li{display:block;padding:20px 0;}
    .candidateList > li .col1{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3%;}
	.candidateList > li .name{margin-top:1%;}
    .candidateList > li .btnSet{top:inherit; right:inherit; transform:translateY(0); left:20px;}
    .candidateList > li .btnSet a{display:inline-block;width:80px;}    
    .candidateList > li .col2{position:relative;padding:0;display:block;}
    .candidateList .txt-catp{font-size:16px;text-align:center;}
    
    /* 선거정보 */
    .vote-summary-top .timeCon li{padding:10px;text-indent:0;}
    .vote-summary-top .timeCon li:before{position:relative;left:inherit;top:inherit; margin:0 auto 5px auto;}
    .vote-summary-top .timeCon li .date{font-size:14px;}
    
    .vote-info-list li{padding:20px 5px;}
    .vote-info-list .gubun{font-size:16px;}
    .vote-info-list .gubun .num{margin-right:5px;}
    
    .ing-status-guide .txt1{font-size:18px;}
    .ing-status-guide .txt2{font-size:12px;letter-spacing:-1px;}
    .ing-status-con{/*padding:20px;*/}
    
    /* 20220916*/
    .previewArea .voteList2 li .num:before{height:80px;}
    
     .loginWrap{display:block;}
    .loginWrap div{width:100%; margin-bottom:30px; padding:20px 0px 20px;}
    .loginWrap button.ConBtn{position:static; margin:10px auto; transform:translateX(0%);}
    .loginWrap div h4{font-size:22px !important;}
    .loginWrap .loginType1 ul li{width:calc(100%/5 - 10px); height:auto;}
    .loginWrap .loginType1 ul li img{width:70%;}
    .loginWrap .loginType2{background-image:none;}
	
	.jumin_check{width:auto}
	.jumin_check>div span{width:284px;background-size:100% !important;}
   
  
}

@media screen and (max-width:500px){
	.searchWrap{text-align:left;}
	.searchWrap .col{display:block;}
	.searchWrap input[type="text"].w350{}
	.searchWrap.type2 .col{margin-right:0;}
	.searchWrap.type2 input[type="text"].w250{min-width:auto;}
	
	#screenConWrap #screenCon .formArea{padding:0 20px;}
	/*
	.previewArea.mobile,
	.previewArea.feature{width:330px;height:570px;background-size:330px 570px;}
	*/
	.stepList{padding:20px 10px;}
	.stepList li .step{margin-bottom:8px;}
	.stepList li .step,
	.stepList li .txt{font-size:14px;}
	.serviceProce .title{margin-bottom:10px;height:40px;line-height:40px;font-size:14px;}
	.serviceProce ul li{padding-top:15px;}
	.serviceProce ul li b{font-size:14px;}
	.serviceProce ul li p{font-size:13px;}
	.serviceProce ul li p br{display:none;}
	.serviceProce ul li.rightArrow:before{right:-17px;margin-top:-10px;width:20px;height:20px;background-size:auto 100%;}
	.serviceProce ul li.leftArrow:before{left:-17px;margin-top:-10px;width:20px;height:20px;background-size:auto 100%;}
	.serviceProce .item3 ul li.rightArrow:before{background-size:auto 100%;}
	.stepList li:after{top:50px;}
	.particiInfo > div{float:none;margin:0 0 8px;width:auto !important;}
	.summaryInfo .chartWrap{margin-bottom:10px;}
	.summaryInfo .chartWrap,
	.summaryInfo .tableBox{float:none;width:auto;}
	.printSetBox .linkSet{width:auto;}
	.smsWrap .leftArea .smsForm{max-width:391px;width:auto;}
	.smsTemplate.type2 ul li{float:none;margin:0 auto 20px;width:auto;}
	.smsWrap .smsForm .txtArea .botArea{padding:8px 15px;}
	.smsWrap .leftArea .smsForm.email .txtArea textarea{height:150px;}
	.voteVerifiCon .titleArea .left{font-size:18px;}
	.voteVerifiCon .titleArea h3{margin-bottom:5px;line-height:145%;}
	.voteVerifiCon .particiInfo .item2,
	.voteVerifiCon .particiInfo div{float:none;margin:0 0 8px 0;width:auto !important;}
	.dataVeritiCon.type2 .nodeList > li{float:none;width:auto;}
	.dataVeritiCon.type2 .nodeDataList li{font-size:13px;}
	.mainListCon .btnMore{top:-5px;}
	.mainVisual ul li{margin-bottom:8px;width:50%;}
	.mainVisual ul li a{padding-top:10px;height:130px;}
	.mainVisual ul li img{height:50px;}
	.mainVisual ul li a b{margin-bottom:8px;font-size:14px;}
	.mainVisual ul li a:hover{margin-top:0;transition:0.2s;}
	.mainNotice{padding-top:0;}
	#footer .fMenu{margin-bottom:5px;}
	#footer .mark{position:static;margin-top:10px;}
	.mainVisual .title img{max-width:90%;}
	.mainNotice ul li a, .mainNotice ul li .date{font-size:14px;}
	.contentLoading{width:300px;margin-left:-150px;}

	.vote_yes_no strong{font-size:18px;padding:10px 0;}
	
	#pv_scalesBtn{padding:3%;}
	.pv_criterion ul{width:auto;}
	.pv_criterion ul li a{width:auto;}
	
	#screenConWrap h1{text-align:left;padding:5px 0;}
	#screenConWrap h1 img{height:30px;}
	#screenConWrap h2{font-size:32px;}
	#screenConWrap #screenCon .icon img{width:65px;}
	#screenConWrap #screenCon .title{font-size:25px;}
	#screenConWrap #screenCon .desc{font-size:17px;}
	#screenConWrap #screenCon .codeInput.type3 span{width:90px;}
	#screenConWrap #screenCon .codeInput.type3 input{width:calc(100% - 90px);font-size:20px;}
	#screenConWrap #screenCon .codeInput.type2 input.w170{width:140px;}
	
	.input-checkbox-group .item-group{display:block;}
	.input-checkbox-group .item-group .item + .opt.mobile-block{display:block;}
	.input-checkbox-group .item-group .item + .opt{margin:0;}
	
	.electionSumm > .titleArea .right{float:none;margin-top:5px;display:flex; justify-content:space-between;width:100%}
	.electionSumm > .titleArea .right a{width:33%;text-align:center;white-space:nowrap;padding:0 5px;}
	.electionSumm > .titleArea .right a + a{margin-left:1%;}
	.electionSumm > .titleArea .right a.check{padding-left:10px;}
	
	.electionSumm .electionState .timeCon li{padding:10px 5px;}
	
	#conTop, #mConTop{margin-bottom:15px;}
	
	.titleArea .right{padding-right:0px;}
	
	.titleArea2 .right{float:none;margin-top:5px;display:flex; justify-content:space-between;width:100%}
	.titleArea2 .right a{width:33%;text-align:center;white-space:nowrap;padding:0 5px;}
	.titleArea2 .right a + a{margin-left:1%;}
	.titleArea2 .right a.check{padding-left:10px;}
	
	.sectionTab .tabPage .surveyBox .option select{width:80px;}	
	.surveyInfoTop > div{float:none;}	
	.surveyInfoTop .set1{width:auto; margin-bottom:30px;}	
	.surveyInfoTop .set2{width:auto; margin-bottom:30px;}	
	.surveyInfoTop .set3{width:auto;}
	
	/* 투표종류 - 투표방식선택 레이어 */
    #voteTypeLayer .inputSet li{width:auto;}
    #voteTypeLayer .inputSet li:nth-of-type(2){width:auto;}
    
   
    
     /*20220926*/
    #content #subContent .measureList{padding:30px 5%;}
    #content #subContent .measureList li{float:none;width:30%;border-radius:0 !important;}
    #content #subContent .measureList li:after{left:135%;margin-left:0;bottom:inherit;top:50%;margin-top:-30px;transform:rotate(270deg);}
    #content #subContent .measureList li .txt{bottom:inherit;top:50%;left:200%;width:140%;font-size:14px;text-align:left;transform:translateY(-50%);}
    #content #subContent .measureList li a{padding:15px 0;}
    #content #subContent .measureList li:nth-child(1){border-radius:14px 14px 0 0  !important;}
    #content #subContent .measureList li:nth-child(5){border-radius:0 0 14px 14px  !important;}
    
    .btn_round.small{padding: 0 4px; min-width: 6px; height: 28px; line-height: 28px; font-size: 11px; }
	
	.block_chain{margin-bottom:2%;}
	.block_chain .row{flex-direction:column;}
	.block_chain .row:first-child{border-bottom:none;}	
	.block_chain .row>div:first-child{border-right:none;}
	.block_chain .row:last-child>div:last-child{border-bottom:none;}
	.block_chain .row>div{width:auto;border-bottom:solid 1px #9DC9BF;border-right:none;}
	
	.block_chain .row>div .icon{margin-right:3%;}

}
@media screen and (max-width:450px){
	.jumin_check>div span{width:174px;}
	.jumin_check>div input{width:50px;}
	.jumin_check>div span em{left:9%;}
	.searchWrap.type2>div:last-child{width:100%;justify-content:center;}
}
@media screen and (max-width:406px){
	.cal{display:block;}
	.promiseList li{padding-left:0 !important;}
	.promiseList li b{display:block;margin-right:initial;position:initial;top:initial;left:initial;padding-left:10px;}
	
}
@media screen and (max-width:360px){
	#header h1 a img{height:30px;}
	.btn_allMenuOpen{right:40px;width:40px;}
	.btn_totalSearchOpen{width:40px;}
	#allMenu .menu > li > a{font-size:15px;}
	#allMenu .menu > li > ul{left:45%;}
	input::-webkit-input-placeholder{font-size:10px;}
	input:-ms-input-placeholder{font-size:10px;}
	textarea::-webkit-input-placeholder{font-size:10px;}
	textarea:-ms-input-placeholder{font-size:10px;}
	.boardList.type2 li .con,
	.boardList li .img{height:100px;}
	
	.previewArea.mobile,
	.previewArea.feature{width:280px;}
	.previewArea.mobile .voteList li .img{/*height:150px;*/}
	.previewArea.mobile .measureList{padding:30px 0;}
	.previewArea.mobile .measureList li:after{width:20px;height:45px;background-size:cover;margin-top:-20px;}
	.previewArea.mobile .voteList.yesNo li{width:100%;}/* 231206[퍼블] 수정 */
	
}



/* 해상도 320px이하 일때 한줄로 나옴
@media screen and (max-width:320px){
	.previewArea .voteList.type4 li{margin:0 0 15px 0;width:auto; float:none;}
}
*/