/* 0101 정책청원 */
.contents{position: relative;}

.comm-petition .petition-policy{ display: inline-block; position: relative; width: 100%; border: 1px solid #0e84f5; border-radius: 2rem; padding: 4rem 3rem; margin-top: 2rem; font-size: 1.7rem; background: #fff;}
.comm-petition .petition-policy ul{padding-bottom: 3rem; display: inline-block; margin-left: 3rem;}
.comm-petition .petition-policy ul li{position: relative; margin-bottom: 1rem; padding-left: 1rem; line-height: 2;}
.comm-petition .petition-policy ul li::before{display: inline-block; width: 3px; height: 3px; left: 0; top: 1.5rem; background: #0054a6;}
.comm-petition .petition-policy ul li a{border: 1px solid #0054a6; padding: 0.6rem 1rem; color: #0054a6; margin: 0 0.7rem; border-radius: 0.5rem;}

.comm-petition .petition-policy .button01{float: right; margin-right: 6rem;}

.comm-petition .petition-policy ol{display: block; padding: 3rem 0; border-top: 1px dashed #c8d0d7; counter-reset:count;}
.comm-petition .petition-policy ol li{position: relative; float: left; width: 33.33333%; vertical-align: top; background: no-repeat center; text-align: center; z-index:1;}
.comm-petition .petition-policy ol li::before{display:inline-block; width:13rem; height:13rem; border-radius:13rem; left:50%; top:50%; border:1px solid #0e84f5; margin-top:-6.5rem; margin-left:-6.5rem; background:#f4f8fb no-repeat center; z-index:-1;}
.comm-petition .petition-policy ol li::after{display: inline-block; width: 40px; height: 30px; top: 50%; right: -25px; background-image: url(../img/sub/icon_arrow.png);}

.comm-petition .petition-policy ol li em{position:relative; display:inline-block; padding-left: 4rem; line-height:3rem; font-size: 2rem; }
.comm-petition .petition-policy ol li em::before{display:inline-block; width: 3rem; height: 3rem; left:0; top:0; background: #00a4ec; color: #fff; border-radius: 50%; text-align: center; line-height: 3rem; font-size:1.6rem; counter-increment: count;  content:counter(count);}
.comm-petition .petition-policy ol li span{display:block; margin-top:15rem; color: #666; line-height: 1.5;}

.comm-petition .petition-policy ol li:nth-child(1)::before{background-image: url(../img/sub/petition01.png);}
.comm-petition .petition-policy ol li:nth-child(2)::before{background-image: url(../img/sub/petition02.png);}
.comm-petition .petition-policy ol li:nth-child(3)::before{background-image: url(../img/sub/petition03.png);}

.comm-petition .petition-policy ol li:nth-child(3)::after{display: none;}

.comm-petition .petition-figure{height: 15rem; border: 1px solid #0e84f5; background: #f4f8fb; z-index: -1; border-radius: 2rem; margin-top: -3.5rem; padding-top: 5.5rem;}
.comm-petition .petition-figure dl{float: left; width: 25%; text-align: center; border-right: 1px solid #d2dee7;}

.comm-petition .petition-figure dl:last-child{border: none;}

.comm-petition .petition-figure dl dt{font-size: 1.7rem; font-weight:700;}
.comm-petition .petition-figure dl dd{display: inline-block; font-size: 3.6rem; font-weight:700; color: #0054a6; padding-top: 1.5rem;}
.comm-petition .petition-figure dl dd sub{display: inline-block; color:#333; font-size: 1.7rem; padding-left: 0.5rem;}

.comm-petition .petition-figure dl:nth-child(1) dd{color: #0e84f5;}
.comm-petition .petition-figure dl:nth-child(2) dd{color: #00cfa1;}


@media(max-width:820px){
    .comm-petition .petition-policy .button01{width: 100%; margin-right: 0;}
    .comm-petition .petition-policy ul{margin-left: 0;}

    .comm-petition .petition-figure dl dd{font-size: 3rem;}
    .comm-petition .petition-policy ol{margin-top: 10rem;}
    .comm-petition .petition-policy ol li{background-size: 13rem;}
    .comm-petition .petition-policy ol li::after{background-size: 3rem; background-repeat: no-repeat;}
}


@media(max-width:535px){

    .comm-petition .petition-policy ol{margin-top: 10rem; padding-bottom: 0;}
    .comm-petition .petition-policy ol li{width: 100%; min-height:14rem; padding:3rem 0 0 15rem; text-align: left; background-position: center left; margin-bottom: 1rem;}

    .comm-petition .petition-policy ol li::before{left:0; top:0; margin:0;}


    .comm-petition .petition-policy ol li::after{display: none;}
    .comm-petition .petition-policy ol li:last-child{padding-bottom: 0;}

    .comm-petition .petition-policy ol li span{margin-top:2rem;}


    .comm-petition .petition-figure{height: 25rem;}
    .comm-petition .petition-figure dl{width: 50%; margin-bottom: 4rem;}
    .comm-petition .petition-figure dl:nth-child(2){border: none;}
    .comm-petition .petition-figure dd{font-size:3rem;}
}


.comm-petition .comm-petition-list{position: relative;}
.comm-petition .comm-petition-list::before{display: inline-block; top:11.5rem; left: 0; width: 100%; height: 140%; background: #f8f8f8; z-index: -1;}


.comm-petition .comm-petition-list .tab{width: 100%; height: 11rem; margin-top: 3rem; white-space:nowrap; overflow-x:auto; border: 1px solid #0e84f5; border-radius: 1rem; background: #fff;}
.comm-petition .comm-petition-list .tab button{position: relative; min-width:9rem; width:8.3333%; height: 11rem;}
.comm-petition .comm-petition-list .tab button span{display: inline-block; color: #666; font-size: 1.7rem; font-weight: 600; padding-top: 5.5rem; text-align: center;}

.comm-petition .comm-petition-list .tab button::before{display: inline-block; top:1.6rem; left: 0; width: 100%; height: 5rem; background: no-repeat center;}
.comm-petition .comm-petition-list .tab button:nth-child(1)::before{background-image: url(../img/sub/icon_petition0101.png);}
.comm-petition .comm-petition-list .tab button:nth-child(2)::before{background-image: url(../img/sub/icon_petition0201.png);}
.comm-petition .comm-petition-list .tab button:nth-child(3)::before{background-image: url(../img/sub/icon_petition0301.png);}
.comm-petition .comm-petition-list .tab button:nth-child(4)::before{background-image: url(../img/sub/icon_petition0401.png);}
.comm-petition .comm-petition-list .tab button:nth-child(5)::before{background-image: url(../img/sub/icon_petition0501.png);}
.comm-petition .comm-petition-list .tab button:nth-child(6)::before{background-image: url(../img/sub/icon_petition0603.png);}
.comm-petition .comm-petition-list .tab button:nth-child(7)::before{background-image: url(../img/sub/icon_petition0701.png);}
.comm-petition .comm-petition-list .tab button:nth-child(8)::before{background-image: url(../img/sub/icon_petition0801.png);}
.comm-petition .comm-petition-list .tab button:nth-child(9)::before{background-image: url(../img/sub/icon_petition0901.png);}
.comm-petition .comm-petition-list .tab button:nth-child(10)::before{background-image: url(../img/sub/icon_petition1001.png);}
.comm-petition .comm-petition-list .tab button:nth-child(11)::before{background-image: url(../img/sub/icon_petition1201.png);}
.comm-petition .comm-petition-list .tab button:nth-child(12)::before{background-image: url(../img/sub/icon_petition1101.png);}

.comm-petition .comm-petition-list .tab button.on{background: #007df5; border: 1px solid #066bcc; border-radius: 1rem; box-shadow:0.5rem 0.5rem 2rem rgba(0,0,0,0.15) transition: all 0.3s ease;}
.comm-petition .comm-petition-list .tab button.on span{color: #fff;}
.comm-petition .comm-petition-list .tab button.on:nth-child(1)::before{background-image: url(../img/sub/icon_petition0102.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(2)::before{background-image: url(../img/sub/icon_petition0202.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(3)::before{background-image: url(../img/sub/icon_petition0302.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(4)::before{background-image: url(../img/sub/icon_petition0402.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(5)::before{background-image: url(../img/sub/icon_petition0502.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(6)::before{background-image: url(../img/sub/icon_petition0604.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(7)::before{background-image: url(../img/sub/icon_petition0702.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(8)::before{background-image: url(../img/sub/icon_petition0802.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(9)::before{background-image: url(../img/sub/icon_petition0902.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(10)::before{background-image: url(../img/sub/icon_petition1002.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(11)::before{background-image: url(../img/sub/icon_petition1202.png);}
.comm-petition .comm-petition-list .tab button.on:nth-child(12)::before{background-image: url(../img/sub/icon_petition1102.png);}



.comm-petition .comm-petition-list .comm-sub{position: relative; margin-top: 3rem; }

.search{display: inline-block; font-size: 1.5rem; box-sizing: border-box;}
.search select,
.search input,
.search button{font-size:1.7rem; height: 4.5rem;}

.search select{width: 18rem;  padding: 1rem 2rem ;  color: #5d6268; background: #fff url(../img/sub/icon_down.png) no-repeat center right 15px;}
.search input{width: 24rem; padding: 1.15rem 2rem; border-left: 1px solid #ccc; border-right:0; color: #bababa;}
.search button{width: 6.2rem; background: #616970 url(../img/sub/icon_search.png) no-repeat center;}

.comm-petition .comm-petition-list .comm-sub .search{border:1px solid #0e84f5;}


.comm-petition .comm-petition-list .comm-sub .sort{display: inline-block; position: absolute; top: 1rem; right: 0;}
.comm-petition .comm-petition-list .comm-sub .sort ul li{float: left; font-size: 1.7rem; font-weight: 600; margin-left: 2rem; color: #444e57; cursor:pointer;}
.comm-petition .comm-petition-list .comm-sub .sort ul li.on{color: #007df5; border-bottom: 3px solid #007df5; padding-bottom: 6px;}
.comm-petition .comm-petition-list .comm-sub .sort ul li:first-child{padding-left: 0;}
.comm-petition .comm-petition-list .comm-sub .sort ul li:first-child::before{display: inline-block; top:0.2rem; left: 7.5rem; width: 1px; height: 1.5rem; background: #ccc; }


.comm-petition .comm-petition-list .petition-board{ margin-top: 3rem;}
.comm-petition .comm-petition-list .petition-board .petition-list{float:left; background:#dfefff; border:1px solid #1076d8; border-radius: 1rem;}

.comm-petition .comm-petition-list .petition-board .petition-list a{display: inline-block; width: 100%; min-height:36.5rem; padding: 4rem; line-height: 1.45; font-size: 1.7rem;}
.comm-petition .comm-petition-list .petition-board .petition-list a sup{color: #616970;font-weight: 700;}
.comm-petition .comm-petition-list .petition-board .petition-list a .state{float: right; background: #fff;border-radius: 5rem; padding:0.5rem 1.5rem;}
.comm-petition .comm-petition-list .petition-board .petition-list a .state1{border: 1px solid #1178db; color: #1178db;}
.comm-petition .comm-petition-list .petition-board .petition-list a .state2{border: 1px solid #2abeb7; color: #2abeb7;}
.comm-petition .comm-petition-list .petition-board .petition-list a .state3{border: 1px solid #007df5; color: #fff; background: #007df5;}
.comm-petition .comm-petition-list .petition-board .petition-list a .state4{border: 1px solid #616970; background:#616970; color:#fff;}

.comm-petition .comm-petition-list .petition-board .petition-list:nth-child(2n){background:#f0f6f5; border:1px solid #00cfa1;}

.comm-petition .comm-petition-list .petition-board .petition-list a em{display: block; font-size: 2.2rem; font-weight: 800; margin-top: 4rem; min-height:7rem;}
.comm-petition .comm-petition-list .petition-board .petition-list a span{display: block; color: #333; margin:2rem 0 5rem 0; min-height:5rem;}
.comm-petition .comm-petition-list .petition-board .petition-list a sub{color: #333;}
.comm-petition .comm-petition-list .petition-board .petition-list a mark{float: right; color: #3e3f3f; background: url(../img/main/icon_heart.png) no-repeat center left; padding-left: 2.5rem; font-weight: 700;}

@media(min-width:768px){
    .comm-petition .comm-petition-list .petition-board .petition-list{width:calc(33.33333% - 2rem); margin-right:3rem;}
    .comm-petition .comm-petition-list .petition-board .petition-list:nth-child(3n){margin-right: 0;}
    .comm-petition .comm-petition-list .petition-board .petition-list:nth-child(n + 4){margin-top:3rem;}
}

@media(max-width:768px){
    .comm-petition .comm-petition-list .petition-board .petition-list{width: calc(50% - 1.5rem); margin-right:3rem;}
    .comm-petition .comm-petition-list .petition-board .petition-list:last-child{width:100%; margin-right:0;}

    .comm-petition .comm-petition-list .petition-board .petition-list:nth-child(2n){margin-right: 0;}
    .comm-petition .comm-petition-list .petition-board .petition-list:nth-child(n + 3){margin-top:3rem;}
}

@media(max-width:500px){

    .comm-petition .comm-petition-list .petition-board .petition-list{width: 100%; margin-right: 0;}
    .comm-petition .comm-petition-list .petition-board .petition-list:nth-child(n + 2){margin-top:3rem;}

    .comm-petition .comm-petition-list .comm-sub .sort{position: relative; top:1rem; left: 0; margin-top: 3rem; text-align: center;}

    .search{display: block; width: 100%;}
    .search select{width: 35%;}
    .search input{width: 50%;}
    .search button{width: 15%;}
}
/* 0101 정책청원 끝 */

/* 0102 정책청원 - 개인정보 동의 시작  */

.comm-petition02 .petition02-warning{display: inline-block; position: relative; width: 100%; margin-top:2rem; border: 1px solid #0a78e1; border-radius: 2rem; padding: 3rem 2.5rem 6rem 2.5rem ; background: #0e84f5; text-align: center; z-index: -1;}
.comm-petition02 .petition02-warning span{position: relative; font-size: 2rem; color: #fff; padding-left:4rem; line-height: 1.5;}
.comm-petition02 .petition02-warning span::before{display: inline-block; top: -10px; left: 0; width: 4rem; height: 4.5rem; background: url(../img/sub/icon_warning.png) no-repeat center; background-size: 70%;}
.comm-petition02 .petition02-target{position: relative; margin-top: -3rem; padding:3rem; margin-bottom: 8rem; border: 1px solid #e2e4e6; background: #fff; z-index: 1; border-radius: 2rem; font-size: 1.7rem;  overflow:hidden;}
.comm-petition02 .petition02-target::before{display: inline-block; top:1rem; right:-2rem; width: 57rem; height: 38rem; background: url(../img/sub/warning_bg.png) no-repeat; z-index: -1;}
.comm-petition02 .petition02-target em{font-size: 2.4rem; font-weight: 700;}

.comm-petition02 .petition02-target ol{display: block; padding: 3rem 0 0 2rem; list-style: decimal;}
.comm-petition02 .petition02-target ol li{padding-bottom:1rem; color: #555; line-height: 1.45; font-size:1.6rem;}
.comm-petition02 .petition02-target ol li:last-child{padding-bottom: 0;}

.comm-petition02 .comm-textarea{width:100%;  border: 1px solid #e2e4e6; background: #fdfdfd; border-radius: 2rem; padding:3rem; font-size: 1.6rem; line-height: 2; margin-top: 3rem;}
.comm-petition02 .comm-textarea::-webkit-scrollbar{width: 6px;}
.comm-petition02 .comm-textarea::-webkit-scrollbar-thumb{background-color: #4482ec; border-radius: 10px; background-clip: padding-box;}
.comm-petition02 .comm-textarea::-webkit-scrollbar-track{background-color: #e8e8e8; border-radius: 10px; }

.comm-petition02 .check{width: 100%; text-align: center; margin-top:2rem;}
.comm-petition02 .check label{display: block; margin-bottom: 4rem;}
.comm-petition02 .check label span{font-size: 2rem; font-weight: 700; padding-left: 2rem;}
.comm-petition02 .check input[type="checkbox"]{width: 2rem; height: 2rem;}

@media(max-width:1024px){
    .comm-petition02 .petition02-target::before{background: none;}
}

@media(max-width:640px){
	.comm-petition02 .petition02-warning span{font-size: 1.7rem;}
}

/* 0102 정책청원 - 개인정보 동의 끝  */


/* 0103 정책청원 - 게시글작성 시작 */
.comm-petition03 .petition03-form{margin-top:2rem; margin-bottom: 4rem;}
.comm-petition03 .petition03-form span{position: relative; display: inline-block; width: 100%; border-bottom: 1px dashed #c8d0d7; padding: 0 0 3rem 1rem; margin-bottom: 3rem; padding-left: 1rem;}
.comm-petition03 .petition03-form span::after{display: inline-block; left: 0; top: 0; content: "*"; font-size: 1.7rem; font-weight: 700; color: #f74848;}

.comm-petition03 .petition03-form dl{display: inline-block; width: 100%; padding: 1rem 0; vertical-align: top;}
.comm-petition03 .petition03-form dl dt{float: left; min-height: 4.3rem; line-height: 4.3rem; width: 18rem; font-weight: 500; font-size: 2rem; padding-left: 1rem;}
.comm-petition03 .petition03-form dl dt em{position: relative; display: inline-block; line-height: 1; vertical-align: middle;} 
.comm-petition03 .petition03-form dl dt em::after{display: inline-block; right: -1rem; top: 0; content: "*"; font-size: 1.7rem; font-weight: 700; color: #f74848;}

.comm-petition03 .petition03-form dl dd{display: inline-block; width: calc(100% - 18rem); padding: 0 1rem; font-size: 1.5rem; color: #bababa; }
.comm-petition03 .petition03-form dl dd input[type=text]{width: 40%; padding: 1rem 2rem; border-radius: 3px; color:#555;}
.comm-petition03 .petition03-form dl dd textarea{width: 100%; min-height: 20rem; color: #666; font-size: 1.5rem; padding: 1.5rem; line-height: 1.5; border-radius: 3px;}
.comm-petition03 .petition03-form dl dd .form-title{width: 100%; background: #fff;}
.comm-petition03 .petition03-form dl dd select{width: 40%; padding: 1rem 2rem; border-radius: 3px; background: #f7f7f7 url(../img/sub/icon_down.png) no-repeat center right 3rem; color:#555;}
.comm-petition03 .petition03-form dl dd select option{color: #333;}

.comm-petition03 .petition03-form dl .comm-file label{display: inline-block; font-size: 1.5rem; padding: 1rem 2rem; margin-left: -1rem; color: #d0d2d4; line-height: normal; vertical-align: middle; background: #616970; cursor: pointer; border: 1px solid #575e64; border-radius: 1px;}
.comm-petition03 .petition03-form dl .comm-file input[type=file]{position: absolute; font-size: 1.5rem; width: 1px; height: 1px; padding: 0;overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.comm-petition03 .petition03-form dl .comm-file .upload-name {width: 40%; font-size: 1.5rem; padding: 1rem 2rem; border-radius: 1px;}

@media(max-width:1180px){

    .comm-petition03 .petition03-form dl dd input[type=text]{width: 65%; transition: all 0.3s ease;}
    .comm-petition03 .petition03-form dl dd select{width: 65%; transition: all 0.3s ease;}
    .comm-petition03 .petition03-form dl .comm-file .upload-name {width: 65%; transition: all 0.3s ease;}
}

@media(max-width:768px){
    .comm-petition03 .petition03-form dl dt{width: 12rem; transition: all 0.3s ease;}
    .comm-petition03 .petition03-form dl dd{width: calc(100% - 12rem); transition: all 0.3s ease;}

    .comm-petition03 .petition03-form dl dd input[type=text]{width: 100%; transition: all 0.3s ease;}
    .comm-petition03 .petition03-form dl dd select{width: 100%; transition: all 0.3s ease; padding-right: 5rem; background-position: center right 1.8rem;}

    .comm-petition03 .petition03-form dl .comm-file{position: relative;}
    .comm-petition03 .petition03-form dl .comm-file label{position: absolute; top:0; right: 1rem; transition: all 0.3s ease;}
    .comm-petition03 .petition03-form dl .comm-file .upload-name {width: 100%; transition: all 0.3s ease;}
}

@media(max-width:500px){
    .comm-petition03 .petition03-form dl dt{font-size: 1.7rem;}
    .comm-petition03 .petition03-form dl dd{display: block; width: 100%; transition: all 0.3s ease;}

    .comm-petition03 .petition03-form dl .comm-file label{top:4.3rem; right: 1rem;}
}

/* 0103 정책청원 - 게시글작성 끝 */



/* 0104 정책청원 - 청원view 시작 */
.comm-petition04 .petition04-view{min-height: 45rem; margin-bottom: 8rem; margin-top:3rem;}

.comm-petition04 .petition04-view sup{font-size: 1.6rem; color: #666; margin-right: 3rem; padding: 1rem 0;}
.comm-petition04 .petition04-view sub{font-size: 1.6rem; color: #666; padding: 1rem 0;}

.comm-petition04 .petition04-view ul{float: right;}
.comm-petition04 .petition04-view ul li{float: left; padding:1rem 0 1rem 2.5rem; margin-left: 3rem; color: #828282; margin-top: -1rem; font-size: 1.5rem; background: no-repeat center left;}
.comm-petition04 .petition04-view ul li:nth-child(1){background-image: url(../img/sub/icon_share_w.png);}
.comm-petition04 .petition04-view ul li:nth-child(2){background-image: url(../img/sub/icon_heart.png);}
.comm-petition04 .petition04-view ul li:nth-child(3){background-image: url(../img/sub/icon_inquiry.png);}

.comm-petition04 .petition04-view em{display: block; font-size: 3.6rem; font-weight: 800; margin: 3rem 0; line-height: 1.45;}

.comm-petition04 .petition04-view ol{position: relative; display: block; width: 100%; margin: 50px 0 60px 0;}

.comm-petition04 .petition04-view ol li{position: relative; float: left; width: calc(100% / 5.01); text-align: center;}

.comm-petition04 .petition04-view ol li span{display: inline-block; padding-top: 13rem; text-align: center; font-size: 1.8rem; color: #000; font-weight: 600;}
.comm-petition04 .petition04-view ol li span::after{display: block; top: 5.75rem; left: 50%; width: 100%; height: 1px; border-top: 1px dashed #ccc; transform: translateX(-50%);}
.comm-petition04 .petition04-view ol li span::before{display:block; top:0; left: 50%; width: 11.5rem; height: 11.5rem; border-radius: 50%; z-index: 1; background: #f4f8fb no-repeat center; transform: translateX(-50%);}

.comm-petition04 .petition04-view ol li:nth-child(1) span::after{width: 50%; left: 74%;}
.comm-petition04 .petition04-view ol li:nth-child(5) span::after{width: 50%; left: 0;}

.comm-petition04 .petition04-view ol li:nth-child(1) span::before{background-image: url(../img/sub/icon_view0101.png);}
.comm-petition04 .petition04-view ol li:nth-child(2) span::before{background-image: url(../img/sub/icon_view0201.png);}
.comm-petition04 .petition04-view ol li:nth-child(3) span::before{background-image: url(../img/sub/icon_view0301.png);}
.comm-petition04 .petition04-view ol li:nth-child(4) span::before{background-image: url(../img/sub/icon_view0401.png);}
.comm-petition04 .petition04-view ol li:nth-child(5) span::before{background-image: url(../img/sub/icon_view0501.png);}

.comm-petition04 .petition04-view ol li.on span{color: #066bcc;}
.comm-petition04 .petition04-view ol li.on span::before{background: #007df5 no-repeat center; box-shadow:0.5rem 0.5rem 2rem rgba(69,118,154,0.17); }
.comm-petition04 .petition04-view ol li.on:nth-child(1) span::before{background-image: url(../img/sub/icon_view0102.png);}
.comm-petition04 .petition04-view ol li.on:nth-child(2) span::before{background-image: url(../img/sub/icon_view0202.png);}
.comm-petition04 .petition04-view ol li.on:nth-child(3) span::before{background-image: url(../img/sub/icon_view0302.png);}
.comm-petition04 .petition04-view ol li.on:nth-child(4) span::before{background-image: url(../img/sub/icon_view0402.png);}
.comm-petition04 .petition04-view ol li.on:nth-child(5) span::before{background-image: url(../img/sub/icon_view0502.png);}


.comm-petition04 .petition04-view p{margin-top: 5.5rem; display: inline-block; line-height: 1.45;}

@media(max-width:980px){
    .comm-petition04 .petition04-view ul li:last-child{display: none;}
}

@media(max-width:768px){
    .comm-petition04 .petition04-view ol li span::before{background-size: 4.5rem; width: 9rem; height: 9rem; transition: all 0.3s ease;}
    .comm-petition04 .petition04-view ol li.on span::before{background-size: 4.5rem; transition: all 0.3s ease;} 

    .comm-petition04 .petition04-view ol li:nth-child(3) span::before{background-size: 3.5rem; transition: all 0.3s ease;}
    .comm-petition04 .petition04-view ol li.on:nth-child(3) span::before{background-size: 3.5rem; transition: all 0.3s ease;}

}

@media(max-width:600px){
    .comm-petition04 .petition04-view sup{display: block; width: 100%; margin-top: 3.5rem; transition: all 0.3s ease;}

    .comm-petition04 .petition04-view em{font-size: 2.8rem; transition: all 0.3s ease;}

    .comm-petition04 .petition04-view ol li span{padding-top: 3rem; padding: 5rem 0.2rem; transition: all 0.3s ease;}
    .comm-petition04 .petition04-view ol li span::before{background-size: 0; width: 3rem; height: 3rem; background-color: #ccc; transition: all 0.3s ease;}
    .comm-petition04 .petition04-view ol li span::after{top: 1.5rem; transition: all 0.3s ease;}
    .comm-petition04 .petition04-view ol li.on span::before{background-size: 0; transition: all 0.3s ease;}

    .comm-petition04 .petition04-view ol li:nth-child(3) span::before{background-size: 0; transition: all 0.3s ease;}
    .comm-petition04 .petition04-view ol li.on:nth-child(3) span::before{background-size: 0; transition: all 0.3s ease;}

    .comm-petition04 .petition04-view p{margin-top: 0; transition: all 0.3s ease;}

}
.comm-petition04 .proposal{margin: 3rem 0 5rem 0;}
.comm-petition04 .proposal p{line-height: 2;}

.comm-petition04 .proposal .attach{margin-top: 6rem;}
.comm-petition04 .proposal .attach em{display: inline-block; background: url(../img/sub/icon_file.png) no-repeat left; padding: 2rem; font-size: 1.8rem;}
.comm-petition04 .proposal .attach div{padding: 2rem 3.5rem; border-radius: 0.5rem; border: 1px solid #e4ebf1; background: #f9f9f9;}
.comm-petition04 .proposal .attach div a{font-size: 1.7rem;}
.comm-petition04 .proposal .attach div a span{position: relative; padding-left: 3.8rem; transition: all 0.2s ease; line-height: 1.45;}
.comm-petition04 .proposal .attach div a span::before{display: inline-block; top: 0; left: 0; width: 27px; height: 21px; background: url(../img/sub/icon_downlode.png) no-repeat left;}
.comm-petition04 .proposal .attach div a i{font-size: 1.5rem; color: #8c8c8c; padding-left: 1rem;}

.comm-petition04 .proposal .attach div a span:hover{color: #007df5; transition: all 0.2s ease;}


@media(max-width:430px){
    .comm-petition04 .proposal .attach div a span{padding-left: 0;}
    .comm-petition04 .proposal .attach div a span::before{display: none;}
    .comm-petition04 .proposal .attach div a i{display: none;}
}


.comm-petition04 .petition-comment{margin-top: 10rem;}
.comm-petition04 .petition-comment span{font-weight: 800; font-size: 3rem; color: #555;}
.comm-petition04 .petition-comment span em{color: #0e84f5; padding:0 0.5rem 0 1.5rem; font-weight: 800;}

.comm-petition04 .petition-comment form{margin-top: 3rem;}
.comm-petition04 .petition-comment form textarea{display: inline-block; width: 85%; min-height: 13.5rem; padding: 2rem; border: 1px solid #ccc; color: #aaa; font-size: 1.6rem; line-height: 1.45;}
.comm-petition04 .petition-comment form button{display: inline-block; position: relative; width: 15%; min-height: 13.5rem; background: #616970; border: 1px solid #575e64; transition: all .2s ease;}
.comm-petition04 .petition-comment form button::before{display: inline-block; top: 3.5rem; left: 50%; width: 3rem; height: 2rem; background: url(../img/sub/icon_heart_w.png) no-repeat center; transform: translateX(-50%);}
.comm-petition04 .petition-comment form button span{ display: inline-block; padding-top: 2.5rem; color: #fff; font-weight: 700; font-size: 2rem;}
.comm-petition04 .petition-comment form button:hover{background: #3e3f3f; transition: all .2s ease;}

.comm-petition04 .petition-user-comment{border-top:2px solid #111; font-size: 1.7rem; position: relative;}
.comm-petition04 .petition-user-comment ul li{padding: 3rem 5rem; border-bottom: 1px solid #ccc;}
.comm-petition04 .petition-user-comment ul li sup{display: inline-block; color: #888; width: 6%;}
.comm-petition04 .petition-user-comment ul li p{display: inline-block;}
.comm-petition04 .petition-user-comment ul li span{float: right; font-size: 1.6rem; color: #888;}
.comm-petition04 .petition-user-comment ul li span i{padding-left: 3rem;}
.comm-petition04 .petition-user-comment ul li span i::before{display: inline-block; width: 1px; height: 1.5rem; background: #555; margin: .1rem -1.5rem;}
.comm-petition04 .petition-user-comment ul li span i:first-child::before{display: none;}

@media(max-width:768px){
    .comm-petition04 .petition-comment form textarea{min-height: 10rem; width: 75%;}
    .comm-petition04 .petition-comment form button{min-height: 10rem; width: 25%;}
    .comm-petition04 .petition-comment form button::before{display: none;}
    .comm-petition04 .petition-comment form button span{padding-top: 0;}
    .comm-petition04 .petition-user-comment ul li{padding: 3rem;}
    .comm-petition04 .petition-user-comment ul li sup{padding-right: 3rem;}
    
    .comm-petition04 .petition-user-comment ul li sup{width: 10%;}
}

@media(max-width:400px){
    .comm-petition04 .petition-user-comment ul li sup{display: none; padding-right: 0;}
}

/* 0104 정책청원 - 청원view 끝 */



/* 0201 사하구에 바란다 시작 */
.comm-sahaminwon .minwon{position: relative; background: #fbfaf4; padding: 8rem 6rem; border: 1px solid #ff811c; border-radius: 2rem;}
.comm-sahaminwon .minwon::before{display: inline-block; top: 50%; right: 10rem; width: 49rem; height: 30rem; background: url(../img/sub/minwon_bg.png) no-repeat right; transform: translateY(-50%);}
.comm-sahaminwon .minwon h3{font-size: 3.5rem;}
.comm-sahaminwon .minwon p{font-size:  1.8rem; color: #666; margin-top: 3rem; line-height: 1.7;}
.comm-sahaminwon .minwon a{display: inline-block;  min-height: 7.8rem; padding: 0 5rem; margin-top: 3rem; color: #fff; background: #ff971c; border-radius: 1rem; line-height: 7.8rem; font-size: 2.2rem; box-shadow:0.5rem 0.5rem 2rem rgba(169,132,80,0.17); transition: all 0.3s ease;}
.comm-sahaminwon .minwon a span{display:inline-block; line-height:2; padding-right:5rem; background: url(../img/sub/icon_shortcut.png) no-repeat right center;}
.comm-sahaminwon .minwon a:hover{background:#ff811c; transition: all 0.3s ease;}

@media(max-width:1200px){
	.comm-sahaminwon .minwon p{padding-right:40rem;}
    .comm-sahaminwon .minwon::before{background-size: 80%; right: 3rem;}
    .comm-sahaminwon .minwon a::before{background-size: 80%;}
}

@media(max-width:768px){
    .comm-sahaminwon .minwon{padding: 5rem;}
    .comm-sahaminwon .minwon p{padding-right:0;}
    .comm-sahaminwon .minwon::before{display:none;}
}


@media(max-width:400px){
    .comm-sahaminwon .minwon{padding: 5rem 3rem;}
    .comm-sahaminwon .minwon p{margin-top: 5rem;}
    .comm-sahaminwon .minwon a{font-size: 1.8rem; margin-top: 5rem;}
    .comm-sahaminwon .minwon a::before{right: 3rem;}
}
/* 0201 사하구에 바란다 끝 */

/* 0301 사하구가 묻습니다 시작 */
.comm-saha-ask .ask-search{border:1px solid #00cfa1 !important;}
.comm-saha-ask .ask-search p{line-height: 1.45;}

.comm-saha-ask .ask-search .search{width: 100%; margin-top: 3rem; border:1px solid #00cfa1;}
.comm-saha-ask .ask-search .search select{width: 15%; border:0; border-right:1px solid #ccc;}
.comm-saha-ask .ask-search .search input{width: 79%; border:0;}
.comm-saha-ask .ask-search .search button{width: 6%; background-color:#00cfa1;}

.comm-saha-ask .ask-list{margin-top: 9rem;}
.comm-saha-ask .ask-list dl{font-size: 1.7rem;}
.comm-saha-ask .ask-list dl dt{display: inline-block;}
.comm-saha-ask .ask-list dl dd{display: inline-block;}

.comm-saha-ask .ask-list .box01{position: relative; margin-top: 3rem; padding-right: 28rem; border:1px solid #00cfa1 !important;}
.comm-saha-ask .ask-list .box01::after{display:inline-block; min-width: 8.5rem; line-height:3.4rem; text-align: center; border-radius:3.4rem; left:5rem; top:4rem; padding: 0.3rem 0; content:attr(data-state); background-color:#aaa; font-size:1.6rem; color:#fff;}
.comm-saha-ask .ask-list .box01[data-state="종료"]::after{background:#738f95;}
.comm-saha-ask .ask-list .box01[data-state="진행중"]::after{border:1px solid #00cfa1; color:#00cfa1; background:#fff;}

.comm-saha-ask .ask-list .box01 i{color: #797979; padding-left: 10rem; display: inline-block; line-height: 1.45;}
.comm-saha-ask .ask-list .box01 a em{display: block; font-size: 3rem; font-weight: 800; margin: 4rem 0; line-height: 1.45;}

.comm-saha-ask .ask-list .box01 ul li{display: inline-block; margin-right: 3rem; font-weight: 600;}
.comm-saha-ask .ask-list .box01 ul li:last-child{margin-right: 0;}
.comm-saha-ask .ask-list .box01 ul li span{display:inline-block; line-height:2; padding-left: 3rem; }
.comm-saha-ask .ask-list .box01 ul li:nth-child(1) span{background: url(../img/sub/icon_vote_agr.png) no-repeat left center;}
.comm-saha-ask .ask-list .box01 ul li:nth-child(2) span{background: url(../img/sub/icon_vote_opp.png) no-repeat left center;}
.comm-saha-ask .ask-list .box01 ul li:nth-child(3) span{color: #797979; background: url(../img/sub/icon_vote_user.png) no-repeat left center;}

.comm-saha-ask .ask-list .box01 ul li:nth-child(1) span mark{color: #5b7fe5;}
.comm-saha-ask .ask-list .box01 ul li:nth-child(2) span mark{color: #17cfc6;}


.comm-saha-ask .ask-list .box01 .button04{display: inline-block; position: absolute; top: 50%; right: 5rem; transform: translateY(-50%); width: 20rem; height: 10rem; line-height: 10rem; background: #0e84f5; border-radius: 1rem; text-align: center; transition: all 0.3s ease;}
.comm-saha-ask .ask-list .box01 .button04 span{display: inline-block; color: #fff; font-size: 2rem; font-weight: bold; padding-left: 4rem; line-height: 7rem; }

.comm-saha-ask .ask-list .box01 .button04[data-state="투표참여"]{background: #00cfa1; box-shadow:0.5rem 0.5rem 2rem rgba(69,118,154,0.17);}
.comm-saha-ask .ask-list .box01 .button04[data-state="투표참여"] span{background: url(../img/sub/icon_participation02.png) no-repeat center left;}
.comm-saha-ask .ask-list .box01 .button04[data-state="투표참여"]:hover{background: #04af82;}
.comm-saha-ask .ask-list .box01 .button04[data-state="결과보기"]{background:#828282; box-shadow:0.5rem 0.5rem 2rem rgba(0,0,0,0.15);}
.comm-saha-ask .ask-list .box01 .button04[data-state="결과보기"] span{background: url(../img/sub/icon_result.png) no-repeat center left; padding-left: 4.8rem;}
.comm-saha-ask .ask-list .box01 .button04[data-state="결과보기"]:hover{background: #6e6e6e;}

@media(max-width:1024px){
    .comm-saha-ask .ask-search .search select{width: 20%;}
    .comm-saha-ask .ask-search .search input{width: 70%;}
    .comm-saha-ask .ask-search .search button{width: 10%;}
}

@media(max-width:840px){
	.comm-saha-ask .ask-list .box01{padding-right: 5rem;}
    .comm-saha-ask .ask-list .box01 .button04{width: 100%; position: relative;  margin-top: 3rem; top:0; left: 0; transform: translateY(0);} 
    .comm-saha-ask .ask-list .box01 ul li span{padding-left: 4rem; }
}

@media(max-width:500px){
    .comm-saha-ask .ask-search .search select{width:100%; border-bottom:0;}
    .comm-saha-ask .ask-search .search input{width: 80%; border-left:1px solid #ccc;}
    .comm-saha-ask .ask-search .search button{width: 20%;}

    .comm-saha-ask .ask-list .box01::after{left:3rem; top:3rem;}
    .comm-saha-ask .ask-list .box01 ul li{margin-right: 2rem;}
    .comm-saha-ask .ask-list .box01 ul li:last-child{display: none;}
    .comm-saha-ask .ask-list .box01 .button04{height: 7rem; line-height: 7rem;}
}




/* 0301 사하구가 묻습니다 끝 */



/* 0302 사하구가 묻습니다 - 게시글 시작 */
.comm-vote{}
.comm-vote .inner{}
.comm-vote .inner h3{margin:3rem 0; font-size:3rem; line-height:1.25;}
.comm-vote .inner .box{border:1px solid #dedede; padding:3rem; border-radius:1rem; text-align:center;}

.comm-vote .inner .comm-vote-state{position:relative; padding:0 3rem; line-height:4.5rem; text-align:left;}
.comm-vote .inner .comm-vote-state span{padding-left:4rem; margin-left:5rem; font-size:1.7rem; color:#797979; background:no-repeat left center;}
.comm-vote .inner .comm-vote-state span:first-child{margin-left:0;}
.comm-vote .inner .comm-vote-state span:nth-child(1){background-image:url(/comm/assets/img/sub/icon_vote_period.png);}
.comm-vote .inner .comm-vote-state span:nth-child(2){background-image:url(/comm/assets/img/sub/icon_vote_user.png);}

.comm-vote .inner .comm-vote-state mark{position:absolute; right:3rem; top:0; min-width:9.5rem; height:4.5rem; border-radius:4.5rem; padding:0 2rem; font-size:1.5rem; color:#fff; background:#aaa; text-align:center;}
.comm-vote .inner .comm-vote-state mark.start{background:#17cfc6;}
.comm-vote .inner .comm-vote-state mark.end{background:#738f95;}

@media(max-width:768px){
	.comm-vote .inner .comm-vote-state{padding:0;}
	.comm-vote .inner .comm-vote-state span{display:block; margin-left:0;}
	
	.comm-vote .inner .comm-vote-state mark{left:50%; right:auto; top:-5.5rem; margin-left:-4.75rem;}
}


.comm-vote .inner .comm-vote-contents{padding:6rem; border-top:1px dashed #c9d1d8; border-bottom:1px dashed #c9d1d8;}

.comm-vote .inner .comm-vote-contents p{margin-bottom:5rem; font-size:1.7rem; line-height:1.45;}
.comm-vote .inner .comm-vote-contents img{max-width:100%; margin-top:6;}


.comm-vote .inner .comm-vote-chart{margin-top:6rem;}

.comm-vote .inner .comm-vote-chart ul{position:relative; max-width:90rem; margin:0 auto 5rem auto; border-radius:7.2rem;}



.comm-vote .inner .comm-vote-chart ul::before,
.comm-vote .inner .comm-vote-chart ul::after{display:inline-block; width:6rem; height:7.2rem; padding-top:4.7rem; top:0; font-size:1.7rem; text-align:center; background:no-repeat center 1.2rem; font-weight:700;}

.comm-vote .inner .comm-vote-chart ul::before{left:-6rem; content:'찬성'; color:#5b7fe5; background-image:url(/comm/assets/img/sub/icon_vote_agr.png);}
.comm-vote .inner .comm-vote-chart ul::after{right:-6rem; content:'반대'; color:#17cfc6; background-image:url(/comm/assets/img/sub/icon_vote_opp.png);}


.comm-vote .inner .comm-vote-chart li{position:relative; height:7.2rem; line-height:7.2rem; padding:0 4rem; white-space:nowrap;}
.comm-vote .inner .comm-vote-chart li em{position:relative; padding-right:1.6rem; font-size:2.4rem; color:#fff;}
.comm-vote .inner .comm-vote-chart li em::after{display:inline-block; content:'%'; right:0; bottom:0.4rem; font-size:1.5rem; line-height:1;}

.comm-vote .inner .comm-vote-chart li span{position:absolute; font-size:1.7rem; color:#333; bottom:-6rem;}

.comm-vote .inner .comm-vote-chart li:nth-child(1){background:#4382f1; text-align:left; border-radius:7.2rem 0 0 7.2rem;}
.comm-vote .inner .comm-vote-chart li:nth-child(1)::before{}
.comm-vote .inner .comm-vote-chart li:nth-child(1) span{left:4rem;}

.comm-vote .inner .comm-vote-chart li:nth-child(2){background:#17cfc6; text-align:right; border-radius:0 7.2rem 7.2rem 0;}
.comm-vote .inner .comm-vote-chart li:nth-child(2)::before{}
.comm-vote .inner .comm-vote-chart li:nth-child(2) span{right:4rem;}

@media(max-width:1024px){
	.comm-vote .inner .comm-vote-contents{padding:3rem;}
	.comm-vote .inner .comm-vote-chart ul{max-width:calc(100% - 12rem);}
}

@media(max-width:768px){
	.comm-vote .inner .comm-vote-contents{padding:3rem 0;}
	
	.comm-vote .inner .comm-vote-chart ul{max-width:100%;}
	
	.comm-vote .inner .comm-vote-chart ul::before,
	.comm-vote .inner .comm-vote-chart ul::after{display:none;}
}







.comm-btn-group{}
.comm-btn-group > a,
.comm-btn-group > button{border-radius:1rem; height:9rem; background-color:#aaa; font-size:2.4rem; color:#fff;}




.comm-btn-group[data-btn="2"] > button{width:22rem; margin-right:2rem;}
.comm-btn-group[data-btn="2"] > button:last-child{margin-right:0;}


.comm-btn-group .btn-agr{background-color:#4382f1;}
.comm-btn-group .btn-opp{background-color:#17cfc6;}
.comm-btn-group .btn-list{padding:0 7rem; background-color:#fff; border:1px solid #ccc; height:7.8rem; line-height:calc(7.8rem - 2px); color:#5d6268;}


@media(max-width:1024px){
	.comm-btn-group > a,
	.comm-btn-group > button{height:7rem; font-size:2rem;}
	
	.comm-btn-group .btn-list{height:7rem; line-height:calc(7rem - 2px);}
}






.comm-vote .inner .comm-vote-board{}
.comm-vote .inner .comm-vote-board ul{}
.comm-vote .inner .comm-vote-board ul li{float:left;  font-size:1.6rem; color:#111;}
.comm-vote .inner .comm-vote-board ul li:nth-child(1){width:12rem;}
.comm-vote .inner .comm-vote-board ul li:nth-child(2){width:calc(100% - 12rem);}
.comm-vote .inner .comm-vote-board ul li button{position:relative; padding-right:1rem; margin-right:1rem; font-size:1.6rem; color:#797979;}
.comm-vote .inner .comm-vote-board ul li button.active{color:#111;}
.comm-vote .inner .comm-vote-board ul li button:last-child{padding-right:0; margin-right:0;}
.comm-vote .inner .comm-vote-board ul li button::after{display:inline-block; width:1px; height:1rem; right:0; top:50%; margin-top:-0.5rem; background:#797979;}
.comm-vote .inner .comm-vote-board ul li button:last-child::after{display:none;}

.comm-vote .inner .comm-vote-board table{width:100%; margin:2rem 0; border-top:1px solid #333;}
.comm-vote .inner .comm-vote-board table td{height:8rem; font-size:1.6rem; color:#797979; border-bottom:1px solid #ccc; vertical-align:middle;}
.comm-vote .inner .comm-vote-board table td mark{display:inline-block; width:8rem; text-align:center; line-height:3.5rem; border-radius:3.5rem; background:#fff; font-size:1.6rem;}
.comm-vote .inner .comm-vote-board table td mark.agr{border:1px solid #4382f1; color:#4382f1;}
.comm-vote .inner .comm-vote-board table td mark.opp{border:1px solid #17cfc6; color:#17cfc6;}
.comm-vote .inner .comm-vote-board table td:nth-child(1){width:10rem; colro:#888;}
.comm-vote .inner .comm-vote-board table td:nth-child(2){width:20rem;}
.comm-vote .inner .comm-vote-board table td:nth-child(3){color:#111; font-weight:700;}
.comm-vote .inner .comm-vote-board table td:nth-child(4){width:20rem;}


@media(max-width:768px){
	.comm-vote .inner .comm-vote-board table td:nth-child(1){display:none;}
}

@media(max-width:420px){
	.comm-vote .inner .comm-vote-board table td:nth-child(2){width:12rem;}
}



.comm-vote .inner .comm-vote-board .comm-board-page{}
.comm-vote .inner .comm-vote-board .comm-board-page > *{width:3rem; height:3rem; border-radius:3rem; line-height:3rem; font-size:1.6rem; color:#666; text-align:center; background:no-repeat center;}
.comm-vote .inner .comm-vote-board .comm-board-page em{background-color:#007df5; color:#fff;}
.comm-vote .inner .comm-vote-board .comm-board-page button{opacity:0.4;}
.comm-vote .inner .comm-vote-board .comm-board-page button:hover{opacity:1;}
.comm-vote .inner .comm-vote-board .comm-board-page button.comm-prev{margin-right:2rem; background-image:url(/comm/assets/img/sub/icon_vote_prev.png);}
.comm-vote .inner .comm-vote-board .comm-board-page button.comm-next{margin-left:2rem; background-image:url(/comm/assets/img/sub/icon_vote_next.png);}


/* 0302 사하구가 묻습니다 - 게시글 끝 */


/* 0401 본인인증 시작 */
.comm-Self-certify{width: 100%;}
.comm-Self-certify .certify-box{padding: 6rem 8rem; border: 1px solid #ccc; border-radius: 2rem;}
.comm-Self-certify .certify-phone{display: inline-block; width: 50%; border-right: 1px solid #ccc; padding-right: 8rem;}
.comm-Self-certify .certify-ipin{display: inline-block; width: 50%; padding-left: 8rem;}
.comm-Self-certify em{font-size: 3rem; font-weight: 800;}
.comm-Self-certify p{font-size: 1.8rem; color: #666; margin-top: 3rem; line-height: 1.45;}

.comm-Self-certify span a{display: inline-block; position: relative; margin-top: 6rem; padding: 6rem 6rem 10rem 6rem; width: 100%; background: #f4f8fb no-repeat center right 3rem; border: 1px solid #d2dee7; border-radius: 2rem;}
.comm-Self-certify span a::before{display: inline-block; bottom: 6rem; left: 6rem; width: 5rem; height: 1rem; background: url(../img/sub/comm_certified_arrow.png) no-repeat;}

.comm-Self-certify .certify-phone span a{background-image: url(../img/sub/comm_certified01.png);}
.comm-Self-certify .certify-ipin span a{background-image: url(../img/sub/comm_certified02.png);}

.comm-Self-certify span mark{font-size: 2.2rem; color: #0e84f5; font-weight: 600;}
.comm-Self-certify span sub{display: block; color: #717d8a; font-size: 1.7rem; margin-top: 1.5rem;} 

@media(max-width:1024px){
    .comm-Self-certify .certify-box{padding: 8rem 8rem;}
    .comm-Self-certify .certify-phone{width: 100%; padding-right: 0; border-right: 0; border-bottom: 1px solid #ccc; padding-bottom: 8rem;}
    .comm-Self-certify .certify-ipin{width: 100%; padding-left: 0; padding-top: 8rem;}

    .comm-Self-certify span a{background-size: 13rem;}
}

@media(max-width:500px){
    .comm-Self-certify .certify-box{padding: 5rem 3rem;}
    .comm-Self-certify .certify-phone{padding-bottom: 5rem;}
    .comm-Self-certify .certify-ipin{padding-top: 5rem;}

    .comm-Self-certify span a{background-size: 30%;}
}

@media(max-width:430px){
    .comm-Self-certify span a{padding: 3rem 3rem 7rem 3rem; margin-top: 3rem; background-position: center right 1.5rem;}
    .comm-Self-certify span a::before{left: 3rem; bottom:3rem; height: 1.5rem;}
    .comm-Self-certify span mark{font-size:2rem;}
}
/* 0401 본인인증 끝 */