@charset "utf-8";
.guide-wrap{}

/*시문서답*/
.answer-tit-box{width:100%; height: 174px; background: url("/images/Head_/content/answer-tit-bg.jpg") no-repeat top left; padding: 30px; box-sizing: border-box;}
.answer-tit-box h5.answer-tit{font-family: 'Busan'; font-size:40px; color:#333333; padding:23px 0 0 150px; position: relative;}
.answer-tit-box h5.answer-tit:before{content: ""; width:91px; height: 90px; background: url("/images/Head_/content/answer-tit-ico.png") no-repeat; position: absolute; top:14px; left:30px;}
.answer-tit-box h5.answer-tit .c-green{color:#098552;}
.answer-tit-box h5.answer-tit .c-blue{color:#034bae;}
.answer-tit-box h5.answer-tit span.sub-tit{ font-size:16px; font-family: 'NotoKrL'; display: block; padding: 20px 0 0 0; }

.answer-list-box{width: 100%; padding: 20px; background: #fdfaf2; box-sizing: border-box; border-radius: 20px;}
.answer-list-box .answer-list-ico{width: 100%; display: flex; justify-content: space-around; font-family: 'NotoKrL';}
.answer-list-box .answer-list-ico li{width:33%;  position: relative;}
.answer-list-box .answer-list-ico li .rencle-box{width:230px; height: 230px; border-radius: 130px; background: #14ad7c; margin: 0 auto;}
.answer-list-box .answer-list-ico li span{width:230px; display: block; margin: 0 auto; font-size:20px; text-align: center; color:#333333; padding:20px 0  35px 0; position: relative;}



.answer-list-box .answer-list-ico li:after{content: ""; width:26px; height: 34px; background: url("/images/Head_/content/answer-right-arrorw.png") no-repeat; position: absolute; top:96px; right:-18px;}
.answer-list-box .answer-list-ico li:last-child:after{content: none;}
.answer-list-box .answer-list-ico li .tit{color:#fff; display: block; text-align: center; font-size:24px; padding: 55px 0 0 0; font-weight: bold;}
.answer-list-box .answer-list-ico li img{display: block; margin: 0 auto; padding: 15px 0 0 0;}
.answer-list-box .answer-txt-list li .que-txt{position: relative; padding-left: 10px;}
.answer-list-box .answer-list-ico li .que-txt:before{content: ""; width:6px; height: 6px; background: #338d6f; position: absolute; top:28px; left:-9px;}
.answer-list-box .answer-list-ico li .que-txt:after{content: ""; width:50%; height: 1px; border-top:dashed 1px #84837f; position: absolute; top:31px; right:-161px; }
.answer-list-box .answer-list-ico li .c-red{color:#f20d0d; font-size: 14px;}


.answer-box02{font-family: 'NotoKrL';}
.answer-box02 .answer-h5bI{font-size:24px; color:#000000;  padding: 20px 0;}
.answer-box02 .txt-box{width:100%; padding: 20px; border:solid 1px #d7d7d7; color:#444444; font-size: 18px; box-sizing: border-box;}
.answer-box02 .list{width: 100%; box-sizing: border-box; padding: 20px 0 0 0;}
.answer-box02 .list li{padding: 5px 0 5px 28px; position: relative;}
.answer-box02 .list li:before{content: ""; width:18px; height: 18px; background: url("/images/Head_/content/list-ico02.png")no-repeat; position: absolute; top:7px; left:1px;}
.answer-box02 .answer-btn{display: flex; justify-content: center; padding: 30px 0 0 0;}

.answer-btn .submit-btn{width:222px; height: 60px; background: url("/images/Head_/content/answer-btn.png") no-repeat;
    display: block; color: #fff; font-size:18px; display: block; text-align: center; padding: 17px 0 0 18px; position: relative;}
.answer-btn .submit-btn:before{content: ""; width: 28px; height: 18px; background: url("/images/Head_/content/answer-btn-ico.png"); position: absolute; top:20px; left:43px;}

/*역대 구청장*/
.history-wrap{display: flex; justify-content: center; overflow: hidden;}

.left-list{width:35%; position: relative;}
.left-list:after{content: ""; width:2px; height: 100%; background: #d7d7d7; position: absolute; top:0px; right: 0; }
.left-list ul.left-box{width:100%;}
.left-list ul.left-box li{width:100%; border:solid 1px #d7d7d7; display: flex; justify-content: start; position: relative; margin: 120px 0 0 -41px;}
.left-list ul.left-box li:first-child{margin: 0px 0 0 -41px;} 
.left-list ul.left-box li.active:before{content: ""; width:12px; height: 12px; background: #2e448a; position: absolute; top:50%; right:-45px; border-radius: 30px; transform: translate(0, -50%);}
.left-list ul.left-box li:before{content: ""; width:12px; height: 12px; background: #c1c1c1; position: absolute; top:50%; right:-45px; border-radius: 30px; transform: translate(0, -50%); z-index: 1;}
.left-list ul.left-box li span.img{}
.left-list ul.left-box li span.img img{max-width:100%; height: 100%;}
.left-list ul.left-box li p.txt-wrap{ padding:40px 20px;}
.left-list ul.left-box li p.txt-wrap span{display: block;}
.left-list ul.left-box li p.txt-wrap span.tit{font-size:20px; color:#1539aa;}
.left-list ul.left-box li p.txt-wrap span.con{font-size:14px; color: #333333; padding-top: 5px;}

.right-list{width:35%;}
.right-list ul.right-box{width:100%;}
.right-list ul.right-box li{width:100%; border:solid 1px #d7d7d7; display: flex; justify-content: start; margin:120px 0 0 40px; position: relative;}
/* .right-list ul.right-box li:first-child{margin: 0px 0 0 40px;}
.right-list ul.right-box li:nth-child(2){margin: 98px 0 0 40px;}
.right-list ul.right-box li:nth-child(3){margin: 98px 0 0 40px;} */

.right-list ul.right-box li.active:before{content: ""; width:12px; height: 12px; background: #2e448a; position: absolute; top:50%; left:-48px; border-radius: 30px; transform: translate(0, -50%);}
.right-list ul.right-box li:before{content: ""; width:12px; height: 12px; background: #c1c1c1; position: absolute; top:50%; left:-48px; border-radius: 30px; transform: translate(0, -50%);}
.right-list ul.right-box li span.img{}
.right-list ul.right-box li span.img img{max-width:100%; height: 100%;}
.right-list ul.right-box li p.txt-wrap{ padding:40px 20px;}
.right-list ul.right-box li p.txt-wrap span{display: block;}
.right-list ul.right-box li p.txt-wrap span.tit{font-size:20px; color:#1539aa;}
.right-list ul.right-box li p.txt-wrap span.con{font-size:14px; color: #333333; padding-top: 5px;}



/*시문서답 리스트*/
.answer-top-box{width:100%; height: 222px; background: url("/images/Head_/content/answer-tit-bg02.jpg") no-repeat; padding: 85px 0 0 454px; box-sizing: border-box;}
.answer-top-box h5.tit{font-family: 'Busan'; font-size:28px; color:#fff; line-height: 120%; padding-bottom: 20px; font-weight: 500;  position: relative; display: inline-block;}
.answer-top-box h5.tit:before{content: ""; width: 29px; height: 22px; background: url("/images/Head_/content/coma-ico01.png") no-repeat; position: absolute; top:-27px; left:0; display: inline-block;}
.answer-top-box h5.tit:after{content: ""; width: 29px; height: 22px; background: url("/images/Head_/content/coma-ico02.png") no-repeat; position: absolute; bottom:31px; right:-32px; display: inline-block;}
.answer-top-box h5.tit .c-yellow{color: #fff04c;}

.board-btnwrap{display: inline-block;}
.board-btnwrap li{display: inline-block;}
.board-btnwrap li a{ width: 70px; padding: 5px 20px; border:solid 1px #0d204e; background: #fff; text-align: center; display: inline-block; margin:0 0 0 10px; font-size:16px; color:#0d204e;}
.board-btnwrap li:first-child a{margin:0 0 0 0px;}
.board-btnwrap li a:hover{background: #0d204e; color: #fff;}
.board-btnwrap li a.active{background: #0d204e; color: #fff;}

.board-list .list01 tbody tr td span{display: inline-block;}
.board-list .list01 tbody tr td .heart-ico{display: inline-block; position: relative; padding: 0 0 0 22px;}
.board-list .list01 tbody tr td .heart-ico:before{content: ""; width:17px; height: 14px; background: url("/images/Head_/content/heart-ico.png") no-repeat; position: absolute; top:4px; left:0px;}
.board-list .list01 tbody tr td .ing-btn{width:65px; padding: 5px 25px; color:#fff;}
.board-list .list01 tbody tr td .c-01{background: #4d5bbc;}
.board-list .list01 tbody tr td .c-02{background: #238d96;}
.board-list .list01 tbody tr td .c-03{background: #e83e3e;}
.board-list .list01 tbody tr td .c-04{background: #ff9000;}
.board-list .list01 tbody tr td .c-05{background: #666666;}

.board-write .write01 tbody tr td .answer-box{width: 100%; box-sizing: border-box; border:solid 2px #0d204e; min-height: 500px;}
.board-write .write01 tbody tr td .answer-box h5.tit{width:100%; padding:10px 20px 10px 65px; color:#fff; background: #0d204e; text-align: left; position: relative; box-sizing: border-box;}
.board-write .write01 tbody tr td .answer-box h5.tit:before{content: ""; width:28px; height: 18px; background: url("/images/Head_/content/answer-btn-ico.png")no-repeat; position: absolute; top:12px; left:25px;}

.board-write .write01 .attach .atta{padding-left:20px; background:url("../_Img/layout/bdm-att-icon.png")no-repeat 0px 0px; display:inline-block; margin-right:15px; line-height:110%; margin-bottom:5px}
.board-write .write01 .attach .atta:hover{color:#373789; text-decoration:underline;}
.ht70{height: 70px !important;}
.line-ht70{line-height: 70px !important;}

.comment-list{width: 100%; box-sizing: border-box;}
.comment-list li{width: 100%; border-bottom:solid 1px #b1b1b1; padding: 5px 5px; font-size:16px;}
.comment-list li:first-child{border-top:solid 1px #333333;}
.comment-list li .sub-list{display: flex; justify-content: flex-start;}
.comment-list li .sub-list li{width: auto; border: none; vertical-align: middle; padding-right: 30px;}
.comment-list li .sub-list li span{display: inline-block; vertical-align: middle;}
.comment-list li .sub-list li span.c-btn{width:65px; padding: 5px 10px; color: #fff; text-align: center;}
.comment-list li .sub-list li span.c-red{background:#cd2121;}
.comment-list li .sub-list li span.c-blue{background: #0d3fbc;}
@media all and (max-width:1600px){
    .guide-wrap{padding:0px 20px;}
}



@media all and (max-width:1000px){
    /*시문서답*/
    .answer-tit-box{height: auto; background: none; background-color:#f1f1f1; }
    .answer-tit-box h5.answer-tit{padding: 0px 0 0 15px; line-height: 110%; font-size:30px;}
    .answer-tit-box h5.answer-tit:before{content: none;}
    .answer-tit-box h5.answer-tit span.sub-tit{line-height: 120%;}


    .answer-list-box .answer-list-ico li .rencle-box{width:150px; height: 150px;}
    .answer-list-box .answer-list-ico li .tit{width:100%; padding: 32px 0 0 0; font-size: 18px;}
    .answer-list-box .answer-list-ico li img{width:45px;}
    .answer-list-box .answer-list-ico li:after{top:64px;}

    .answer-list-box .answer-list-ico li span{font-size:16px;}
    .answer-list-box .answer-list-ico li .que-txt:after{content: none;}

    .answer-box02 .answer-h5bI{font-size:20px;}
    .answer-box02 .txt-box{font-size:16px;}


    .answer-top-box{background: url("/images/Head_/content/answer-tit-bg02-mb.jpg"); height: auto; padding: 70px 40px 40px 40px; background-position: 0px -161px;}
    .answer-top-box h5.tit{font-size:23px;}
    .answer-top-box h5.tit:before{background-size: 20px;}
    .answer-top-box h5.tit:after{right:-33px; bottom:20px; background-size: 20px;}
    .answer-btn .submit-btn{font-size:15px; padding: 12px 0 0 0; background-size: 180px;}
    .answer-btn .submit-btn:before{ top:15px; left: 28px;}
    .board-btnwrap{margin-bottom:15px;}
}

@media all and (max-width:680px){
    .guide-wrap{padding:0px 15px;}
    .introDiv1 > .idCnt{pading-top:20px;}

    /*시문서답*/
    .answer-list-box .answer-list-ico{width:100%; display: block;}
    .answer-list-box .answer-list-ico li{width:100%;}
    .answer-list-box .answer-list-ico li .rencle-box{width:100%; height: 100px; padding: 15px 0; border-radius: 12px;}
    .answer-list-box .answer-list-ico li .tit{padding: 10px 0 0 0;}
    .answer-list-box .answer-list-ico li:after{transform:rotate(87deg); left: 47%; top:170px; }

    .answer-list-box .answer-list-ico li{margin-bottom: 45px;}
    .answer-list-box .answer-list-ico li span{padding: 20px 0 0 0;}
    .answer-list-box .answer-list-ico li:first-child:after{top:178px;}
    .answer-list-box .answer-list-ico li:nth-child(2):after{top:219px;}

    .board-search .total{font-size:14px; line-height:120%; float:none; margin-bottom:10px;}

    .board-search .search{width:100%; float:none;}

    .board-search .search .input-btn{padding-right:34px; box-sizing:border-box;}
    .board-search .search .input-btn .btn{width:34px; height:34px; background-size:15px;}

    .board-list .list01 tbody tr td .ing-btn{width: 47px;}
    .answer-top-box h5.tit br{display: none;}
    .board-btnwrap li a{width: 48px; font-size: 13px; padding: 5px 8px;}

     /*역대 구청장*/
    .left-list ul.left-box li{display: block;}
    .left-list ul.left-box li span.img img{height: auto; display: block; margin: 0 auto;}
    .left-list ul.left-box li p.txt-wrap span.tit{font-size:16px;}
    .left-list ul.left-box li p.txt-wrap span.con{font-size:12px;}

    .right-list ul.right-box li{display: block;}
    .right-list ul.right-box li span.img img{height: auto; display: block; margin: 0 auto;}
    .right-list ul.right-box li p.txt-wrap span.tit{font-size:16px;}
    .right-list ul.right-box li p.txt-wrap span.con{font-size:12px;}
}

@media all and (max-width:480px){
    .left-list ul.left-box li span.img img{width:100%;}
    .right-list ul.right-box li span.img img{width: 100%;}
}

.adms-wrap{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.inline{display: inline-block;}
.img100{width:100%;}
.maxImg100{max-width:100%; }
.adms-wrap .vision {text-align: center;}
.adms-wrap .vision > .img100{max-width:635px; }
.imgVis .vis-ori{display:none}
.imgVis{ position:relative;}
.loadMap tr td.bd-bt{border-bottom: solid 25px #333 !important;}

@media all and (max-width:1600px){
    .adms-wrap{padding:0px 20px;}
}


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

}

@media all and (max-width:680px){
    .adms-wrap{padding:0px 15px;}
}

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

}

.board-wrap{}

@media all and (max-width:1600px){
    .board-wrap{padding:0px 20px;}
}

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

}

@media all and (max-width:680px){
    .board-wrap{padding:0px 15px;}
}

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

}

/* 인사말 */
.introDiv1{background:url("/images/Head_/content/HeadBg.png") left top no-repeat; width:100%; color:#333333; font-family:'NotoKrR'; font-size:16px; box-sizing: border-box; padding:25px 0px 25px 50px;}
.introDiv1 > img.headImg{float:right; margin-right:-30px;}
.introDiv1 > p.idTit{padding-top:105px; margin-bottom:50px; font-family:'SCDream4'; font-size:32px; line-height: 150%; color:#fff; word-break: keep-all;}
.introDiv1 > p.idTit .sc7{font-family:'SCDream7';}
.introDiv1 > p.idTit .sc7.syell{font-family:'SCDream7'; color:#ffda75;}

@media screen and (max-width:1000px){
    .introDiv1{padding:15px 20px;}
    .introDiv1 > img.headImg{width:320px; margin-top:20px; margin-bottom:15px;}
    .introDiv1 > p.idTit{padding-top:110px; margin-bottom:50px;}
}

@media all and (max-width:1300px){
    .introDiv1 > p.idTit{padding-top:20px;}
    .introDiv1 > .idCnt{padding-top:50px;}

}

@media screen and (max-width:768px){
    .introDiv1 > p.idTit{padding-top:70px;}
}
@media screen and (max-width:640px){
    .introDiv1{background-size: 1100px}
    .introDiv1 > img.headImg{width:250px;}
    .introDiv1 > p.idTit{font-size:25px;padding-top:12%;}
    .introDiv1 > p.idCnt{margin-top:70px;}
}
@media screen and (max-width:480px){
    .introDiv1{background-size:850px; padding:15px 10px;}
    .introDiv1 > img.headImg{width:62%; margin-top:1px; margin-right:-10px;}
    .introDiv1 > p.idTit{font-size:18px;padding-top:35px;}
}


/* 인사말 */
.introDiv2{ width:100%; color:#333333; font-family:'NotoKrR'; font-size:16px; box-sizing: border-box; padding:0 0px 25px 0; position:relative;}
.introDiv2 .gr_head {background:url("/images/Head_/content/HeadBg.png") left top no-repeat; background-size:cover;}
.introDiv2 .gr_head > div {width:70%; color:#fff; font-size:30px; padding:50px; box-sizing:border-box;  line-height:44px; font-family: 'SCDream4'; word-break:keep-all;}
.introDiv2 .gr_head > div strong {color:#fff;font-family:'SCDream7'; font-size:36px;}
.introDiv2 > img.headImg{ position:absolute; top:30px; right:15px; width:30%;}
.introDiv2 .gr_con {padding:50px; font-size:18px; line-height:26px;}
.introDiv2 .gr_con span strong {font-size:24px;}
@media all and (max-width:1400px){
    .introDiv2 .gr_head > div {font-size:26px; padding:30px; line-height:38px;}
    .introDiv2 .gr_con {padding:30px;}
}
@media all and (max-width:768px){
    .introDiv2 .gr_head > div {font-size:20px; line-height:30px; width:80%;}
    .introDiv2 .gr_head > div strong {font-size:24px;}
    .introDiv2 > img.headImg{ position:absolute;   right:15px; width:30%;}
}
@media all and (max-width:540px){
    /* .introDiv2 .gr_head {margin-top:150px;} */
    .introDiv2 .gr_head > div { width:88%; }
	.introDiv2 .gr_head > div br {display:none; opacity:0;}
    .introDiv2 > img.headImg{ position:absolute; top:90px; right:0; width:180px;}
}


/* 공약사항 관리 */
.adms-wrap .orgDiv {width:100%; box-sizing: border-box; overflow: hidden; padding:0;}
.adms-wrap .orgDiv .odTit {width:calc(100% - 16.66%); margin:0 auto; position:relative; text-align: center; padding-bottom:130px;}
.adms-wrap .orgDiv .odTit:before {position:absolute; width:1px; height:130px; background-color:#d1d1d1; left:50%; bottom:0; content: '';}
.adms-wrap .orgDiv .odTit:after {position:absolute; width:100%; height:1px; background-color:#d1d1d1; left:0; bottom:0; content: '';}
.adms-wrap .orgDiv .odTit .odtCnt{background: url("/images/Head_/content/memberBg.png") center center no-repeat; color:#fff; text-align: center; width:198px; height:140px; display: inline-block; font-family: 'NotoKrR'; font-size:22px; line-height: 130%; box-sizing: border-box; padding-top:40px; padding-right:15px; margin-left:15px;}
.adms-wrap .orgDiv .odTit .odtCnt span, .adms-wrap .orgDiv .odTit .odtGray span{font-family: 'NotoKrB';}
.adms-wrap .orgDiv .odTit .odtGray{position:absolute; width:173px; height:90px; background-color:#888b95; text-align: center; padding-top:20px; box-sizing: border-box; color:#fff; font-family: 'NotoKrR'; font-size:20px; line-height: 120%;  right: calc(50% - 254px);}
.adms-wrap .orgDiv .odTit .odtGray:before{position:absolute; width:81px; height:1px; background-color:#d1d1d1;content: ''; top:50%; left:-81px;}
.adms-wrap .orgDiv .odTit .odtGray:before{position:absolute; width:81px; height:1px; background-color:#d1d1d1;content: ''; top:50%; left:-81px;}
.adms-wrap .orgDiv .odCnt {width:100%; margin:0 auto; overflow: hidden; }
.adms-wrap .orgDiv .odCnt .odDiv {width:calc(16.66% - 10px); float:left; margin:0 5px; box-sizing: border-box; padding-top:30px; position:relative;}
.adms-wrap .orgDiv .odCnt .odDiv:before {width:1px; height:30px; background:#d1d1d1; position:absolute; left:50%; top:0; content:''; }
.adms-wrap .orgDiv .odCnt .odDiv:last-child {margin-right:0px;}
.adms-wrap .orgDiv .odCnt .odDiv .oddTit {width: 100%; padding:10px; box-sizing: border-box; color:#fff; font-size:16px; font-family:'NotoKrR'; text-align: center; background-color:#0d204e; }
.adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap {border:1px solid #d1d1d1; padding:20px 10px; box-sizing: border-box; font-size:16px; font-family:'NotoKrR'; color:#111; height:255px;}
.adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwTit{border-bottom:1px solid #d1d1d1;padding-bottom:15px; padding-top:3px; margin-bottom:15px; position:relative;padding-left:50px;}
.adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwTit:before, .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwList:before{position:absolute; content:'반장'; color:#fff; padding:3px 7px; border-radius: 5px; background-color:#6585d8; left:0; font-size:16px; font-family:'NotoKrR';top:0;}
.adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwList{padding-left:50px; position:relative;}
.adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwList:before{background-color:#3253a7; content: '반원'}
.adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwList .ocwName{margin-bottom:5px; font-size:15px;}

.adms-wrap .systemDiv .sdDiv{width:100%; overflow: hidden; padding-bottom:70px; display: flex;}
.adms-wrap .systemDiv .sdDiv > div{float:left; }
.adms-wrap .systemDiv .sdDiv > div.sdTit{width:250px; text-align: center; position:relative; margin-right:50px;  box-sizing: border-box;  position:relative;}
.adms-wrap .systemDiv .sdDiv:not(:last-child) > div.sdTit:before{position: absolute; content:''; width:15px; height:31px; background:url("/images/Head_/content/arrowBottom.png") center center no-repeat; bottom:-50px;}
.adms-wrap .systemDiv .sdDiv > div.sdTit:after{position: absolute; content:'';width:50px; height:1px; border-top:1px dashed #d1d1d1; right:-50px; top:50%;}
.adms-wrap .systemDiv .sdDiv .sdTit p.sdtTit{width:100%; height:98px; display: table; vertical-align: middle; color:#fff; padding:0px 5px; text-align: center;box-sizing: border-box; border:1px solid #d1d1d1; }
.adms-wrap .systemDiv .sdDiv .sdTit p.sdtTit span{ display: table-cell; vertical-align: middle; font-family:'SCDream5'; font-size:20px;  line-height: 120%;}
.adms-wrap .systemDiv .sdDiv:nth-child(1) .sdTit p.sdtTit{background-color:#4964ba; }
.adms-wrap .systemDiv .sdDiv:nth-child(2) .sdTit p.sdtTit{background-color:#256fc2; }
.adms-wrap .systemDiv .sdDiv:nth-child(3) .sdTit p.sdtTit{background-color:#249ab7; }
.adms-wrap .systemDiv .sdDiv:nth-child(4) .sdTit p.sdtTit{background-color:#4964ba; }
.adms-wrap .systemDiv .sdDiv:nth-child(5) .sdTit p.sdtTit{background-color:#256fc2; }
.adms-wrap .systemDiv .sdDiv .sdTit .sdtStit{border:1px solid #d1d1d1;border-top:none; width:244px; padding-top:17px; box-sizing: border-box; height:60px; vertical-align: middle; text-align: center; color:#555; font-size:18px; font-family:'NotoKrR'; box-sizing: border-box;}
.adms-wrap .systemDiv .sdDiv .sdTit .sdtStit span{display: inline-block;}
.adms-wrap .systemDiv .sdDiv .sdCnt{border:1px solid #d1d1d1; width:73%; padding:10px 30px;}
.adms-wrap .systemDiv .sdDiv:not(:first-child) .sdCnt{padding:30px 30px;}


@media screen and (max-width:1360px){
    .adms-wrap .orgDiv .odTit {width:calc(100% - 33.33%);}
    .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap{padding:10px;}
    .adms-wrap .orgDiv .odCnt .odDiv {width:calc(33.33% - 10px);}
}

@media screen and (max-width:900px){
    .adms-wrap .orgDiv .odTit{padding-bottom:110px;}
    .adms-wrap .orgDiv .odTit:before{height:110px;}
    .adms-wrap .orgDiv .odTit .odtGray{width:140px; font-size:16px; height:80px; right: calc(50% - 208px);}
    .adms-wrap .orgDiv .odTit .odtGray:before{width:68px; left:-68px;}
    .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwTit{padding-left:50px;}
    .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwList{padding-left:50px;}
    .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwTit:before, .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwList:before{font-size:14px;}
    .adms-wrap .orgDiv .odCnt .odDiv .oddTit{font-size:14px;}
    .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap{font-size:14px;}
}

@media screen and (max-width:768px){
    .adms-wrap .orgDiv{padding:0;}
    .adms-wrap .orgDiv .odTit{width:100%; padding-bottom:80px;}
    .adms-wrap .orgDiv .odTit:before{height:80px;}
    .adms-wrap .orgDiv .odCnt .odDiv:before, .adms-wrap .orgDiv .odTit:after, .adms-wrap .orgDiv .odTit .odtGray:before{display: none;}
    .adms-wrap .orgDiv .odCnt .odDiv{width:100%; padding-top:0;}
    .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap{overflow: hidden; margin-bottom:10px; height:auto;}
    .adms-wrap .orgDiv .odCnt .odDiv .oddCntwrap .ocwList .ocwName{float:left; margin:0 5px;}

    .adms-wrap .orgDiv .odTit .odtGray{height:55px; padding-top:10px; font-size:14px; bottom:10px;}

    .adms-wrap .systemDiv .sdDiv > div.sdTit{width:170px; margin-right:10px;}
    .adms-wrap .systemDiv .sdDiv .sdTit p.sdtTit span{font-size:18px;}
    .adms-wrap .systemDiv .sdDiv .sdTit .sdtStit{font-size:14px; width:164px;}
    .adms-wrap .systemDiv .sdDiv .sdTit .sdtStit img{width:100%;}
    .adms-wrap .systemDiv .sdDiv > div.sdTit:after{display:none;}
    .adms-wrap .systemDiv .sdDiv .sdCnt{padding:10px 20px;}
    .adms-wrap .systemDiv .sdDiv:not(:first-child) .sdCnt{padding:10px 20px;}
}

@media screen and (max-width:480px){
    .adms-wrap .systemDiv .sdDiv{display: block;}
    .adms-wrap .systemDiv .sdDiv > div.sdTit, .adms-wrap .systemDiv .sdDiv .sdCnt{float:none; width:100%;}
    .adms-wrap .systemDiv .sdDiv .sdTit .sdtStit{width:100%; box-sizing: border-box;}
    .adms-wrap .systemDiv .sdDiv .sdTit p.sdtTit{display: block; height:auto; padding:10px 0; text-align: center;}
    .adms-wrap .systemDiv .sdDiv .sdTit p.sdtTit span{text-align: center; display: block;}
    .adms-wrap .systemDiv .sdDiv .sdTit .sdtStit span{margin:0 5px;}
    .adms-wrap .systemDiv .sdDiv .sdTit .sdtStit{height:40px; padding-top:8px;}
    .adms-wrap .systemDiv .sdDiv:not(:last-child) > div.sdTit:before{display: none;}
    .adms-wrap .systemDiv .sdDiv .sdCnt{box-sizing: border-box; border-top:none;}
    .adms-wrap .systemDiv .sdDiv{padding-bottom:30px;}
}


/* 공약총괄 */


.adms-wrap .pledgeDiv {width:630px; margin:10px auto; padding:40px 0;  background: url("/images/Head_/content/headBg3.png") center center no-repeat; background-size: 100%; text-align: center;}
.adms-wrap .pledgeDiv p{ padding-left:70px; font-size:36px; font-family:'SCDream6'; color:#111; text-align: center;}
.adms-wrap .pdBox{width:100%; border:1px solid #999; border-radius: 15px;}
.adms-wrap .pdBox .pdTit{width:295px; border-radius: 0 0 15px 15px; background-color:#158c7d; color:#fff; font-size:22px; font-family:'SCDream5'; padding:15px 0; text-align: center; letter-spacing: -1px; margin:0 auto;}
.adms-wrap .pdBox .pdUl{margin:30px auto; width:90%; overflow: hidden;}
.adms-wrap .pdBox .pdUl .pdLi{width:33.33%; float:left; box-sizing: border-box; padding:20px; /*border-right:1px dashed #d1d1d1; border-top:1px dashed #d1d1d1; */ text-align: center;}
.adms-wrap .pdBox .pdUl .pdLi:nth-child(3n){border-right:none;}
.adms-wrap .pdBox .pdUl .pdLi:nth-child(1), .adms-wrap .pdBox .pdUl .pdLi:nth-child(2), .adms-wrap .pdBox .pdUl .pdLi:nth-child(3){border-top:none;}
.adms-wrap .pdBox .pdUl .pdLi .pdlCir{width:105px; height:105px; margin:0 auto 15px; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
.adms-wrap .pdBox .pdUl .pdLi .pdlCir.cirBox1{background-image: url("/images/Head_/content/headIcon1.png"); background-color:#cbe8fe;}
.adms-wrap .pdBox .pdUl .pdLi .pdlCir.cirBox2{background-image: url("/images/Head_/content/headIcon2.png"); background-color:#d2f1e0;}
.adms-wrap .pdBox .pdUl .pdLi .pdlCir.cirBox3{background-image: url("/images/Head_/content/headIcon3.png"); background-color:#fce9cc;}
.adms-wrap .pdBox .pdUl .pdLi .pdlCir.cirBox4{background-image: url("/images/Head_/content/headIcon4.png"); background-color:#dad9fe;}
.adms-wrap .pdBox .pdUl .pdLi .pdlCir.cirBox5{background-image: url("/images/Head_/content/headIcon5.png"); background-color:#fed4e4;}
.adms-wrap .pdBox .pdUl .pdLi .pdlCir.cirBox6{background-image: url("/images/Head_/content/headIcon6.png"); background-color:#ffc9c9;}
.adms-wrap .pdBox .pdUl .pdLi .pdlTit{font-size:23px; color:#3a4257; font-family: 'SCDream5'; margin-bottom:5px;}
.adms-wrap .pdBox .pdUl .pdLi .pdlsTit{font-size:17px; color:#000; font-family: 'SCDream3'; }

.adms-wrap .pdBox .pdTit.titBlue{background-color: #324e8f;}
.adms-wrap .pdBox .pdUl2 {padding-top:50px; position:relative; overflow: hidden;}
.adms-wrap .pdBox .pdUl2:before {position:absolute;content:''; left:50%; top:0; margin-left:-27px; width:63px; height:32px; background:url("/images/Head_/content/headBgArrow.png") center no-repeat;}
.adms-wrap .pdBox .pdUl2 .pdLi {background-color:#f1f4fa; border-style: solid; padding:30px;}
.adms-wrap .pdBox .pdUl2 .pdLi .pdlsTit{font-size:20px; margin-bottom:10px; letter-spacing: -1px;}
.adms-wrap .pdBox .pdUl2 .pdLi .pdlTit{letter-spacing: -1px;}

@media screen and (max-width:900px){
    .adms-wrap .pdBox .pdUl .pdLi .pdlTit{font-size:20px; line-height: 120%;}
    .adms-wrap .pdBox .pdUl .pdLi .pdlsTit{font-size:14px;}

    .adms-wrap .pdBox .pdUl2 .pdLi {padding:30px 10px 0; height:120px;}
}

@media screen and (max-width:680px){
    .adms-wrap .pledgeDiv{width:100%;}
    .adms-wrap .pledgeDiv p{font-size:30px; padding-left:0;}
    .adms-wrap .pdBox .pdTit{font-size:20px; width:265px; padding:10px 0;}
    .adms-wrap .pdBox .pdUl .pdLi .pdlCir{width:70px; height:70px; background-size: 60% !important;}
    .adms-wrap .pdBox .pdUl2:before{width:40px; background-size:100% !important;}
}

@media screen and (max-width:480px){
    .adms-wrap .pledgeDiv p{font-size:25px; padding-left:0;}
    .adms-wrap .pdBox .pdTit{font-size:18px; width:265px; padding:10px 0;}
    .adms-wrap .pdBox .pdUl{width:95%; margin:15px auto;}
    .adms-wrap .pdBox .pdUl .pdLi{padding:5px;}
    .adms-wrap .pdBox .pdUl .pdLi .pdlTit{font-size:16px;}
    .adms-wrap .pdBox .pdUl .pdLi .pdlsTit{font-size:12px;}

    .adms-wrap .pdBox .pdUl2 .pdLi {height:100px;}
}

.ready {border:10px solid #dedede; padding:50px 0; text-align:center;}
.ready p { font-size:30px; color:#666; font-weight:600;}
.ready p:before {content:''; display:block; width:230px; height:230px; margin:0 auto 30px auto; background:url("/images/Head_/content/ready.jpg") center no-repeat;}