@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

.mT100 { margin-top: 100px; }
/*************************************
	Button
**************************************/

.btnboxR {text-align:right;}

.btn-wrap-box {position:relative; padding:1em; text-align:center; margin:2rem 0;
	background: rgb(1,195,204);
	background: linear-gradient(90deg, rgba(1,195,204,0.1) 0%, rgba(2,124,246,0.1) 100%);
}

.btn_top {display:inline-block; position:relative; padding:1.5rem 4.6rem 1.6rem 2rem; text-align:left; font-size:1.7rem; border-radius:0; border:1px solid #5f381f; color:#5f381f !important;}
.btn_top:after {content:""; display:block; position:absolute; top:2rem; right:2rem; width:1.8rem; height:1rem; background:url('/jumin/img/common/btn_tab_top.png') no-repeat 50% 50%; background-size:contain;}
.btn_top:hover {background:#5f381f; color:#fff !important;}
.btn_top:hover:after {background-image:url('/jumin/img/common/btn_tab_top_on.png');}

.btn_wrap > a, .btn_wrap > input, .btn_wrap > button,
.button {display:inline-block; position:relative; border-radius:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width: 15rem; max-width:100%; height:5rem; text-align:center; padding:0 1em; font-size:1em; border:1px solid #5f381f !important; box-sizing:border-box; color:#5f381f !important; margin:2px; vertical-align:middle; background-color:#fff;}
.btn_wrap > a {line-height:4.8rem;}
.button.normal {color:#5f381f !important;}
.button.wNormal {min-width:0; }
.button.small {height:4rem; font-size:.9em !important; min-width:10rem;}
.btn_wrap > a:hover, .btn_wrap > input:hover, .btn_wrap > button:hover, .btn_wrap > input[type="submit"]:hover,
.button:hover {border-color:#5f381f; background:#5f381f !important; color:#fff !important;}

.btn_wrap >*.write,
.btn_wrap >*[onclick *= "write"],
.btn_wrap >input[type="submit"].write,
.btn_wrap >input[type="button"].write,
.btn_wrap >button.write {padding:0 3.7rem;}

.btn_wrap > *.del  {background:#777 !important; color:#fff !important; border-color:#777; }
.btn_wrap > *.del:hover {background:#555 !important; border-color:#555;}

table .button { min-width: 30% !important; }


/*
.btn_wrap > a,
a.button,
input[type="button"].button,
span.button {line-height:4.8rem;}

input[type="button"].button.small,,
button.button.small {height:4rem;}
a.button.small,
input[type="button"].button.small,
span.button.small {line-height:3.8rem;}

input[type="submit"].button { display: inline-block; vertical-align: top; }
*/
input[type="submit"].button:hover { background:#215bbc; color:#fff !important; }

input[type="button"].button.icon { background-color: #fff; border: 1px solid #5f381f; }
input[type="button"].button.icon:hover { background: #5f381f; border: 1px solid #5f381f; }

input[type="button"].btn_address { background-color: #444; border: 1px solid #444; color: #fff; }
input[type="button"].btn_address:hover { background-color: #222; border: 1px solid #222; color: #fff; }

.button.normal {border-color:#5f381f; background:#5f381f; color:#fff !important;}
.button.normal:hover{border-color:#1154b6; background: #1154b6;}

.button.point {border-color:#003583; background:#003583; color:#fff !important;}
.button.point:hover {border-color:#002253; background:#002253;}

.button.cancel {border-color:#333333; background:#333333; color:#fff !important;}
.button.cancel:hover {border-color:#111111; background:#111111;}

.btn_wrap >*.write,
.btn_wrap >*[onclick *= "write"],
.btn_wrap >input[type="submit"].write,
.btn_wrap >input[type="button"].write,
.btn_wrap >button.write {padding-right:3.7rem; background:none;}

.btn_wrap > *.cancel {color:#fff !important;}

.button.del,
.button.error,
.button.noti {border-color:#f16d25; background:#f16d25; color:#fff !important;}
.button.del:hover,
.button.error:hover,
.button.noti:hover {border-color:#cc4901; background:#cc4901;}

input[type="submit"].button.icon { background: #fff;border: 1px solid #5f381f; }
input[type="submit"].button.icon:hover{ background: #5f381f;}

.button.icon:after {background:url('/jumin/img/common/split_button_icon.png') no-repeat 0 0; background-size:10rem auto;}
.button.icon.deactivate:after {background:url('/jumin/img/common/split_button_icon_de.png') no-repeat 0 0;}
.button.small.icon:after {background:url('/jumin/img/common/split_button_icon_small.png') no-repeat 0 0; background-size:10rem auto;}
.button.small.icon.deactivate:after {background:url('/jumin/img/common/split_button_icon_de_small.png') no-repeat 0 0;;}

.button.icon.prev,
.button.icon.next {color: #666666 !important; border-color: #dddddd; background:#fff !important;}
.button.icon.prev:hover,
.button.icon.next:hover {border-color:#1154b6; color:#1154b6 !important;}
.button.icon.prev:before { background:url('/jumin/img/common/split_button_icon.png') no-repeat 0 -41.4rem;}
.button.icon.prev:after {display:none;}

.button.icon.small.prev:before { background:url('/jumin/img/common/split_button_icon_small.png') no-repeat 0 -35.7rem;}

/***********************************
	주민참여예산 진행 절차
***********************************/

#conts .jumin-step {display:block; position:relative; min-height:40rem; border:1px solid #cccccc;}
#conts .jumin-step .tit {display:block; position:absolute; top:0; left:0; bottom:0; padding:5rem 5.5rem; box-sizing:border-box; width:32.5rem;}
#conts .jumin-step .step,
#conts .jumin-step .state {display:block; position:relative; margin-left:32.5rem; padding:4rem 5.5rem 6.5rem 0;}
#conts .jumin-step .tit strong {display:block; word-break:keep-all; font-family: 'Godo'; color:#222222; font-size:3.6rem; letter-spacing:-0.02em; line-height:1.4;}

#conts .jumin-step .side-link {position:absolute; left:5.5rem; width:21.5rem; bottom:6.5rem;}
#conts .jumin-step .side-link li + li {margin-top:1.5rem;}
#conts .jumin-step .side-link a {display:block; position:relative; border-radius:9em; background:#000; color:#fff; font-size:1.8rem; font-weight:400; padding:0 2.6rem; height:5rem; line-height:5rem;}
#conts .jumin-step .side-link a:after {content:""; display:block; position:absolute; width:3.3rem; height:3.3rem; right:.9rem; top:50%; margin-top:-1.65rem; background:url(../img/common/spr_sub.png) no-repeat .9rem -3.8rem #fff; background-size:30rem; border-radius:100%;}
#conts .jumin-step .side-link a.offer {background:#14b9bb;}
#conts .jumin-step .side-link a.offer:after {background-position:.9rem -3.8rem;}
#conts .jumin-step .side-link a.my {background:#4a5252;}
#conts .jumin-step .side-link a.my:after {background-position:-3.6rem -3.8rem;}

#conts .jumin-step .side-link .drop {display:block; position:relative; z-index:5;}
#conts .jumin-step .side-link .drop dt {position:relative;}
#conts .jumin-step .side-link .drop button {display:block; position:relative; width:100%; height:5rem; text-align:left; border-radius:9em; background:#0ba6a8; color:#fff; font-size:1.9rem; font-weight:400; padding:0 2.6rem; box-sizing:border-box;}
#conts .jumin-step .side-link .drop button:after {content:""; display:block; position:absolute; width:3.3rem; height:3.3rem; right:.9rem; top:50%; margin-top:-1.65rem; background:url(../img/common/spr_sub.png) no-repeat -8.4rem -3.8rem #fff; background-size:30rem; border-radius:100%;}
#conts .jumin-step .side-link .drop button.close {background:transparent; color:transparent; position:absolute; left:0; right:0; top:-6.5rem;}
#conts .jumin-step .side-link .drop button.close:after {background-position:-14.2rem -3.8rem;}
#conts .jumin-step .side-link .drop dd {display:none; position:absolute; top:100%; left:0; right:0; margin-top:1.5rem;}
#conts .jumin-step .side-link .drop.active dd {display:block;}
#conts .jumin-step .side-link .drop dd ul {border-radius:2rem; overflow:hidden; background:#845e46;}
#conts .jumin-step .side-link .drop dd li + li {margin-top:0;}
#conts .jumin-step .side-link .drop dd a {border-radius:0; background:transparent; color:#fff;}
#conts .jumin-step .side-link .drop dd a:after {display:none;}
#conts .jumin-step .side-link .drop dd a:hover {text-decoration:underline;}


#conts .jumin-step .step ul {display:block; position:relative; z-index:0;}
#conts .jumin-step .step ul:before {content:""; display:block; position:absolute; background:#e5e1dc; height:.7rem; border-radius:9em; top:12.9rem; left:1.5rem; right:1.5rem; z-index:-1;}
#conts .jumin-step .step ul:after {content:""; display:block; clear:both;}
#conts .jumin-step .step li {display:block; position:relative; padding:0 1.5rem; box-sizing:border-box; width:50%; float:left; text-align:center;}
#conts .jumin-step .step .item {position:relative; margin-top:18.3rem; border:1px solid #e3e6e9;}
#conts .jumin-step .step .item:before {content:""; display:block; position:absolute; top:-18.3rem; left:50%; margin-left:-4rem; width:8rem; height:8rem; background:url(../img/common/spr_sub.png) no-repeat -22rem 0rem; background-size:30rem; opacity:.6;}
#conts .jumin-step .step .item.ty01:before {background-position:-22rem 0rem;}
#conts .jumin-step .step .item.ty02:before {background-position:-22rem -21rem;}
#conts .jumin-step .step .item:after {content:""; display:block; position:absolute; top:-8.4rem; left:50%; margin-left:-3.3rem; width:6.6rem; height:6.6rem; background:url(../img/common/spr_sub.png) no-repeat .9rem -15rem; background-size:30rem;}
#conts .jumin-step .step .item dt {display:block; position:relative; line-height:5.8rem; color:#fff; background:#4a5252; font-family:'Montserrat'; font-size:1.8rem; font-style:italic; letter-spacing:0;}
#conts .jumin-step .step .item dd {padding:2.5rem 1rem; background:#f3f3f3;}
#conts .jumin-step .step .item dd strong {display:block; font-size:2.4rem; color:#222222; margin-bottom:1.5rem;}
#conts .jumin-step .step .item dd span {display:block; font-size:1.6rem; color:#555555; line-height:1.4;}
#conts .jumin-step .step .item dd span.date {color:#4a5252; font-size:2rem; padding-bottom:1.5rem;}
#conts .jumin-step .step .item.on {
	-webkit-box-shadow: 0px 0px 2rem 0px rgba(84,84,94,0.2);
	-moz-box-shadow: 0px 0px 2rem 0px rgba(84,84,94,0.2);
	box-shadow: 0px 0px 2rem 0px rgba(84,84,94,0.2);
}
#conts .jumin-step .step .item.on:before {opacity:1;}
#conts .jumin-step .step .item.on:after {background-position:.9rem -8.4rem;}
#conts .jumin-step .step .item.on dt {background:#0ba6a8;}
#conts .jumin-step .step .item.on dd {background:#fff;}
#conts .jumin-step .step .item.on dd span.date {color:#845e46;}

#conts .state .grid {display:block; position:relative; margin:-1rem;}
#conts .state .grid:after {content:""; display:block; clear:both;}
#conts .state .grid *[class*='grid-w'] {position:relative; float:left; box-sizing:border-box; padding:1rem;}
#conts .state .grid .grid-w1,
#conts .state .grid .grid-w0 {width:28.5%;}
#conts .state .grid .grid-w2 {width:43%;}
#conts .state .grid .grid-w3 {width:71.5%;}
#conts .state .grid + .list-u {margin-top:3rem;}

#conts .state .grid {display:block; position:relative; margin:-1rem;}
#conts .state .grid:after {content:""; display:block; clear:both;}
#conts .state .grid *[class*='grid-w'] {position:relative; float:left; box-sizing:border-box; padding:1rem;}
#conts .state .grid .grid-w1,
#conts .state .grid .grid-w0 {width:28.5%;}
#conts .state .grid .grid-w2 {width:43%;}
#conts .state .grid .grid-w3 {width:71.5%;}
#conts .state .grid + .list-u {margin-top:3rem;}

#conts .state dl {display:table; width:100%; table-layout:fixed; border:3px solid #14b9bb; height:10rem; padding:0 2.5rem;}
#conts .state dl > * {display:table-cell; vertical-align:middle; font-size:2rem;}
#conts .state dt {width:10rem; color:#222222; font-weight:600;}
#conts .state dd {text-align:right; font-weight:600; font-family:'Godo';}
#conts .state dd strong {font-size:2em; color:#5f381f; padding-right:.5rem;}

#conts .bod_head.ty2 .state dl {padding:1.5rem;}
#conts .bod_head.ty2 .state .grid {margin:0 -.3rem;}
#conts .bod_head.ty2 .state .grid * {margin:0;}
#conts .bod_head.ty2 .state .grid *[class*='grid-w'] {padding:.3rem; margin:0;}
#conts .bod_head.ty2 .state dl {height:6rem;}
#conts .bod_head.ty2 .state dl > * {font-size:1.8rem;}
#conts .bod_head.ty2 .state dt {width:7rem;}
#conts .bod_head.ty2 .state dd strong {font-size:2.8rem;}

#conts .jumin-step .state select,
#conts .jumin-step .state input {height:6rem; width:100%; margin:0; border-radius:0; border:1px solid #d8d8d8; padding:0 2.5rem; font-size:2rem;}
#conts .jumin-step .has-btn {position:relative; padding-right:8rem;}
#conts .jumin-step .has-btn input[type="submit"] {position:absolute; top:0; right:0; width:6rem; height:6rem; overflow:hidden; text-indent:-999px; background:url('../img/common/ico_search.png') no-repeat 50% 50% #5f381f; min-width:0; padding:0;}

@media all and (max-width:1024px) {
	#conts .jumin-step .tit {position:relative; width:auto; padding:4rem 3rem; padding-bottom:0;}
	#conts .jumin-step .step,
	#conts .jumin-step .state {margin-left:0; padding:4rem 2rem 5rem;}

	#conts .jumin-step .side-link {position:relative; left:auto; width:auto; bottom:auto; padding:0 3rem 5rem; }
	#conts .jumin-step .side-link:after {content:""; display:block; clear:both;}
	#conts .jumin-step .side-link li {width:50%; float:left; box-sizing:border-box; padding:.5rem;}
	#conts .jumin-step .side-link li + li {margin-top:0;}
	#conts .jumin-step .side-link a {text-align:center;}

	#conts .state .grid .grid-w0 {width:30%;}
	#conts .state .grid .grid-w1 {width:50%;}
	#conts .state .grid .grid-w2 {width:auto; float:none; clear:both;}
	#conts .state .grid .grid-w3 {width:70%;}

	#conts .state .state dl {height:8rem;}
	#conts .state .state dl > *,
	#conts .state .state select,
	#conts .state .state input {font-size:1.8rem;}

}
@media all and (max-width:820px) {
	#conts .jumin-step .tit strong {font-size:3rem;}

	#conts .jumin-step .step,
	#conts .jumin-step .state {padding:3rem 1.5rem;}

	#conts .jumin-step .step .item dt {height:4rem; line-height:4rem; font-size:1.7rem;}
	#conts .jumin-step .step .item dd strong {font-size:2rem;}
	#conts .jumin-step .step .item dd span {font-size:1.5rem;}
	#conts .jumin-step .step ul:before {left:.5rem; right:.5rem;}
	#conts .jumin-step .step li {padding:0 .5rem;}

	#conts .state .grid {margin:-.5rem;}
	#conts .state .grid *[class*='grid-w'] {padding:.5rem;}
	#conts .state .state dt {width:7rem;}
	#conts .jumin-step .has-btn {padding-right:7rem;}
}
@media all and (max-width:660px) {
	#conts .jumin-step {padding:2rem 1.5rem;}
	#conts .jumin-step .tit {padding:0; text-align:center;}
	#conts .jumin-step .tit strong {font-size:2.5rem;}
	#conts .jumin-step .step,
	#conts .jumin-step .state {margin-left:0; padding:4rem 2rem 5rem;}
	#conts .jumin-step .step ul {display:block; position:relative;}
	#conts .jumin-step .step ul:before {top:9.5rem;}
	#conts .jumin-step .step .item {margin-top:13rem;}
	#conts .jumin-step .step .item:before {top:-13.5rem; transform:scale(.7); -webkit-transform:scale(.7);}
	#conts .jumin-step .step .item:after {top:-6.8rem; transform:scale(.8); -webkit-transform:scale(.8);}

	#conts .jumin-step .step .item dt {font-size:1.5rem;}
	#conts .jumin-step .step .item dd {padding:2rem 1rem;}
	#conts .jumin-step .step .item dd strong {font-size:1.1em; margin-bottom:1em;}
	#conts .jumin-step .step .item dd span {font-size:1em; line-height:1.3; min-height:5.2em; word-break:keep-all;}
	#conts .jumin-step .step .item dd span.date {font-size:1.2em; line-height:1.3; min-height:5.2em; word-break:keep-all; min-height:0;}

	#conts .jumin-step .side-link {padding:0; margin-top:2rem;}
	#conts .jumin-step .side-link a {text-align:left; font-size:1em; padding-right:4.5rem;}
	#conts .jumin-step .side-link .drop dd {margin-top:1rem;}
	#conts .jumin-step .side-link .drop button {font-size:1em;}
	#conts .jumin-step .side-link .drop dd ul {padding:1em 0;}
	#conts .jumin-step .side-link .drop dd a {padding:0; text-align:center; height:3em; line-height:3em;}
	#conts .jumin-step .side-link .drop button.close {top:-6rem}

	#conts .bod_head.ty2 .state dl {height:5rem; padding:0 2rem;}
	#conts .state dl {height:6rem; padding:0 2rem;}
	#conts .state dl > *,
	#conts .bod_head.ty2 .state dl > *,
	#conts .jumin-step .state select,
	#conts .jumin-step .state input {font-size:1.5rem;}

	#conts .jumin-step .state select,
	#conts .jumin-step .state input {height:5rem; padding:0 2rem;}
	#conts .jumin-step .has-btn {padding-right:6rem;}
	#conts .jumin-step .has-btn input[type="submit"] {width:5rem; height:5rem;}
}
@media all and (max-width:640px) {
	.btn_wrap > a, .btn_wrap > input, .btn_wrap > button, .button {height:4rem; padding:0rem 2.5rem !important;}
	.btn_wrap > a {line-height:3.8rem;}
}
@media all and (max-width:560px) {
	#conts .state .grid .grid-w0 {width:40%;}
	#conts .state .grid .grid-w1 {width:auto; float:none; clear:both;}
	#conts .state .grid .grid-w2 {width:auto; float:none; clear:both;}
	#conts .state .grid .grid-w3 {width:60%;}
}
@media all and (max-width:450px) {
	#conts .jumin-step .step ul:before,
	#conts .jumin-step .step li {float:none; padding:0; width:auto;}
	#conts .jumin-step .step li + li {margin-top:1rem;}
	#conts .jumin-step .step .item:before,
	#conts .jumin-step .step .item:after {display:none;}
	#conts .jumin-step .step .item {margin-top:0;}
	#conts .jumin-step .step .item dd span {min-height:0;}
	#conts .jumin-step .side-link {margin-top:0;}
	#conts .jumin-step .side-link li {width:auto; float:none;}

	#conts .state .grid .grid-w0 {width:auto; float:none; clear:both;}
	#conts .state .grid .grid-w3 {width:auto; float:none; clear:both;}

	#conts .state dl,
	#conts .bod_head.ty2 .state dl,
	#conts .jumin-step .state select,
	#conts .jumin-step .state input {padding:0 1rem;}

	#conts .bod_head.ty2 .state dd strong,
	#conts .state dd strong {font-size:1.5em;}
}




/* ======================= 설문조사 ======================= */

#conts .bod_poll {padding:40px 30px;}
#conts .bod_poll > ul > li {position:relative; display:inline-block; width:calc(33.33333% - 30px); margin:0 40px 40px 0;}
#conts .bod_poll > ul > li:nth-child(3n) {margin-right:0;}
#conts .bod_poll  ul  li:hover {-webkit-box-shadow:none; box-shadow:none; border:1px solid #ddd;;}

#conts .bod_poll .stateWrap li {display:inline-block; width:auto; padding:8px 15px; border-radius:5px;}
#conts .bod_poll .stateWrap li.state {border:1px solid #f65237; background:#f65237; color:#fff;}
#conts .bod_poll .stateWrap li.result {border:1px solid #0a9799; color:#0a9799;}

#conts .bod_poll .thumb {width:100%; margin-right:0; }
#conts .bod_poll .thumb img {width:100%;}
#conts .bod_poll .cont {width:100%;}
#conts .bod_poll .cont .tit {font-size:2.4rem; font-weight:700; margin:2rem 0 0;}
#conts .bod_poll .cont .date {color:#777;}
#conts .bod_poll .cont .count {padding-top:25px; margin-top:25px; border-top:1px solid #ddd; text-align:right;}
#conts .bod_poll .cont .count em {position:relative;font-size:1.5em; color:#0a9799 ; font-family:'Montserrat'; font-weight:700; padding-left:30px;}
#conts .bod_poll .cont .count em:before {content:''; width:21px; height:22px; position:absolute; left:0; top:3px; background:url('../img/common/ico_poll.png') no-repeat; }
#conts .bod_poll .btnWrap {display: none; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.7); border-radius:10px;}
#conts .bod_poll .btnWrap .state_poll {position:relative; width:auto; height:auto; right:auto; padding: 1.5rem 3rem; background:none; border:1px solid #fff;}
#conts .bod_poll .btnWrap .state_poll:before {content:none;}

#conts .bod_poll li:hover .btnWrap {display:block; opacity:1;}
#conts .bod_poll li:hover .btnWrap .state_poll {border-radius:5px;}

#conts .poll_view .tit {border:none; border-top:2px solid #333; border-bottom:1px solid #333; text-align:center; border-radius:0; font-size:3.0rem; color:#333; font-weight:700;}
#conts .poll_view .s-txt {margin:30px 0; background:#f8f8f8; border-radius:10px; padding:5rem 3rem;}
#conts .poll_view .s-txt figure {margin-bottom:30px;}

#conts .poll_view .s-tit {font-size:2.4rem; font-weight:700; color:#5f381f; margin-top:50px;}
#conts .poll_view .agreeWrap {border:1px solid #ddd; border-radius:10px; padding:3rem 5rem; margin:20px 0 40px; line-height:1.5;}
#conts .poll_view .agreeWrap dl {display:table; width:100%; table-layout:fixed;}
#conts .poll_view .agreeWrap dl dt,
#conts .poll_view .agreeWrap dl dd {display:table-cell; width:100%; float:none; padding:1.5rem 1rem 1.0rem; border-bottom:1px dotted #ddd;}
#conts .poll_view .agreeWrap dl dt {width:15%;  border-bottom:1px solid #5f381f; padding:1.5rem 0 1.0rem; font-weight:700;}
#conts .poll_view .agreeWrap .exp {margin:20px 0; text-align:center;}
#conts .poll_view .agreeWrap .choose {padding:2rem 1rem; border-top:1px solid #ddd; background:#f8f8f8; text-align:center;}
#conts .poll_view .agreeWrap .choose input[type="radio"] {margin-top:-3px;}


@media all and (max-width:1024px) {
	#conts .bod_poll {padding:30px 0;}
	#conts .poll_view .agreeWrap dl dt {width:30%;}
	#conts .bod_poll > ul > li {width:calc(33.33333% - 14px); margin:5px;}
	#conts .bod_poll .thumb > figure img {height:auto;}
	#conts .bod_poll .cont .tit {font-size:2.0rem;}
}

@media all and (max-width:860px) {
	#conts .bod_poll > ul > li {width:calc(50% - 14px); margin:5px;}
}

@media all and (max-width:700px) {
	#conts .poll_view .agreeWrap {padding:2rem 3rem;}
	#conts .poll_view .agreeWrap dl dt {width:40%; }
}

@media all and (max-width:640px) {
	#conts .poll_view .tit { font-size: 2.5rem; }
}

@media all and (max-width:550px) {
	#conts .bod_poll > ul > li {width:100%; margin:5px 0;}
	#conts .poll_view .agreeWrap .choose span {display:block; margin-bottom:10px;}
}

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

	#conts .poll_view .agreeWrap {padding:1.5rem 1rem;}
	#conts .poll_view .agreeWrap dl {display:block;}
	#conts .poll_view .agreeWrap dl dt {display:block; width:100%; border-bottom:0; padding:1.5rem 0 0rem;}
	#conts .poll_view .agreeWrap dl dd {display:block; padding:0.5rem 0 1.0rem;}
	#conts .poll_view .agreeWrap .exp br {display:none;}
	#conts .poll_view .agreeWrap .choose span {display:block; margin-bottom:10px;}
}


/* ======================= 기존 가이드 ======================= */
@media screen and (max-width:960px) {
	/* 설문조사 */
	.bod_poll .state_poll {-webkit-transform: none; -ms-transform: none; transform: none; margin-top: -27.5px;}
}


/* ======================= 콘텐츠 가이드 ======================= */

#conts *.box-design {position: relative; display:table; table-layout:fixed; min-height:150px; padding:2rem; border-radius:0; width:100%; border:3px solid #14b9bb; background:#fff;}
#conts *.box-design .cell {display:table-cell; padding:3.5rem 5rem; vertical-align:middle; background:#fff; border-radius:0;}
#conts *.box-design .cell + .cell {border-radius:0;}
#conts *.box-design .cell + .cell:after {content: ''; display: block; width: 5em; height: 6.5em; background-color: #14b9bb; position: absolute; top: -8px; right: -8px; z-index: -1;}
#conts *.box-design .cell,
#conts *.box-design .cell p,
#conts *.box-design .cell li {color:#333333; font-size:1.8rem; line-height:1.5; word-break:keep-all;}
#conts *.box-design .cell > p,
#conts *.box-design .cell > li{line-height:1.8;}


#conts *.box-design .cell li ul li,
#conts *.box-design .cell li ul li {padding-left:1rem; font-size: 1em; color: #333; line-height: 1.6;}
#conts *.box-design .cell li ul li:before,
#conts *.box-design .cell li ul li:before {content:""; width:1.1rem; height:1.2rem; left:0; margin-top:-.34rem; background-position:0 -2.6rem;}
#conts *.box-design .cell li > ul > li:before {margin-top:-.5rem;}
#conts *.box-design .cell li li li,
#conts *.box-design .cell li li li {color:#666666;}
#conts *.box-design .cell li ul li ul li:before,
#conts *.box-design .cell li ul li ul li:before {content:""; width:.4rem; height:.4rem; margin-top:-.2rem; background-position:0 -5.5rem;}





#conts *.box-design .thumb {padding:0; width:50rem; text-align:center; }
#conts *.box-design .thumb img {max-width:90%;}
#conts *.box-design .thumb + .cell {padding-left:0;}

#conts .s-title, #conts *.box-design .s-title,
#conts *.box-design p.s-title {color:#222 !important; font-family:'Godo'; font-size: 2.8rem !important;}
#conts .list-u li:before {background:url('/jumin/img/common/split_ul_dot.png') no-repeat 0 0}

@media all and (max-width:375px) {
	#conts *.box-design {padding:.5rem 0 !important;}
	#conts *.box-design .cell,
	#conts *.box-design .cell p,
	#conts *.box-design .cell li {font-size:1.3rem;}
}

#conts *.box-design .t1 { width:265px; font-size:1.4rem; margin:4rem 7rem; border-radius: 20px; vertical-align:middle; border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
#conts *.box-design .t1  + .cell {padding-left:3rem;}

#conts .ico_list {border-bottom:2px solid #eee; line-height:1.7;}
#conts .ico_list + .ico_list {margin-top:.8em !important;}
#conts *.ico_list {display:table; width:100%; table-layout:fixed; min-height: 200px }
#conts *.ico_list .cell {display:table-cell; padding:2rem 5rem; vertical-align:middle;}
#conts *.ico_list .thumb {padding:0; width:25rem; text-align:center; }
#conts *.ico_list .thumb img {max-width:90%;}
#conts *.ico_list .thumb + .cell {padding-left:0;}

#conts *.ico_list .t1 { width:265px; font-size:1.4rem; margin:4rem 7rem; vertical-align:middle; border-right: 1px dashed #777; border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
#conts *.ico_list .t1  + .cell {padding-left:3rem;}

@media all and (max-width:1024px) {
	#conts *.box-design .cell {padding:1.5rem 3rem;}
	#conts *.box-design .thumb {width:25rem; padding:0;}
	#conts *.ico_list .cell {padding:1.5rem 3rem;}
	#conts *.ico_list .thumb {width:20rem; padding:0;}

}
@media all and (max-width:640px) {
	#conts *.box-design {display:block;}
	#conts *.box-design .cell {display:block; padding:1rem 1.5rem;}
	#conts *.box-design .thumb {width:auto; padding-bottom:0;}
	#conts *.box-design .thumb img{max-height: 200px;}
	#conts *.box-design .thumb + .cell {padding-left:1.5rem;}
	#conts *.box-design .t1 {width:auto; margin:0 1.5rem; border-radius: 5px; padding-left:0; padding-right:0;  border: 1px solid #cbd0d8;}
	#conts *.box-design .t1  + .cell {padding-left:1.5rem;}

	#conts *.ico_list {display:block;}
	#conts *.ico_list .cell {display:block; padding:1rem 1.5rem;}
	#conts *.ico_list .thumb {width:auto; padding-bottom:0; }
	#conts *.ico_list .thumb + .cell {padding-left:1.5rem;}
	#conts *.ico_list .t1 {width:auto; font-size:1.2rem; margin:0 1.5rem; padding-left:0; padding-right:0; border-bottom:1px dashed #777; border-right-width:0;}
	#conts *.ico_list .t1  + .cell {padding-left:1.5rem; font-size:1rem;}

}

#conts .list-o > li ul > li,
#conts .list-u > li ul > li {padding-left:1.1em;}

#conts .list-o > li,
#conts .list-u > li {position:relative; font-size:1em; color: #333;}
#conts .list-u > li:before {display:block; position:absolute; top:.65em; left:0; background: none; width: 11px; height: 11px; border: 3px solid #5f381f; }




/*************************************
	Title
**************************************/
#conts h4:before,
#conts .h4:before {content:""; display:block; position:absolute; transform-origin:0 50%; -webkit-transform-origin:0 50%;}

#conts h4:not(.blind),
#conts h4:not(.blind) {margin-top:5rem;}
#conts h4:first-child {margin-top:1rem;}
#conts h4 {color:#333;position: relative;}
#conts h4:not(#seach_title):before {position: absolute;left: 0;}

#conts h4 {position:relative; font-family:'Godo'; font-size:2.8rem; color:#222; font-weight:500; padding:2rem 0 0; line-height:1.4; word-break: break-all; margin: 1rem 0 1.7rem 0;}
#conts h4:before {content:""; display:block; position:absolute; top:0; margin-top:0; /*margin-top:.2em;*/ height:.3rem; width:3.5rem; background:#14b9bb;}

#conts h5 {font-size:2.2rem; padding:0; line-height: 150%; color:#5f381f; margin-left:3rem; margin-bottom:1.2rem; font-weight:500;}
#conts h5:before {display:none;}

#conts .mh4 {margin-left:3rem !important;}

#conts .bod_view h4 {padding-bottom:2rem;}

#conts * + h4 {margin-top:4rem;}
#conts * + h5 {margin-top:2.5rem;}

@media all and (max-width:1024px) {
	#conts h4 {font-size:2.6rem;}

	#conts .s-title, #conts *.box-design .s-title,
	#conts *.box-design p.s-title {font-size: 2.6rem !important;}
}
@media all and (max-width:769px) {
	#conts h4 {font-size:2.4rem;}

	#conts .s-title, #conts *.box-design .s-title,
	#conts *.box-design p.s-title {font-size: 2.4rem !important;}

}

.justy-content { display: table; width: 100%; table-layout:fixed; }
.justy-content .title{ display: table-cell; width: 2.5rem; vertical-align: top; }
.justy-content .cont{ display: table-cell; width: 7.5rem; padding: 0 .2rem; }

.list-box { display: table; width:100%;; border-spacing: 20px; }
.list-box li{ display: table-cell !important; border: 1px solid #ccc; padding: 2.5rem 1rem; line-height: 1.4; font-size: 1.8rem; }
.list-box li span{ font-size: 1.6rem; color: #845e46; }
@media all and (max-width:800px) {
	.justy-content { display: block; }
	.justy-content .title,
	.justy-content .cont{ display: block; width: 100%; }

}
@media all and (max-width:640px) {
	.list-box{ display: block; width:100%; border-spacing: 0px; }
	.list-box li{ display: block !important; width:100%; font-size: 1.6rem; margin: 10px 0; }
}

.box-img { border: 1px solid #b0d2d2; border-radius: 0; }

.sub0503 .ico-cont { display: table; width: 100%; margin: 0 0 50px; }
.sub0503 .ico-cont li{ display: table-cell; width: 33.33%; text-align: center; position: relative; padding: 2rem; }
.sub0503 .ico-cont li .s-title:before{ content: ''; display: block; height: 50px; margin-bottom: 10px; }
.sub0503 .ico-cont li:nth-child(1) .s-title:before{ background: url(/jumin/img/contents/05/sub03_ico01.png) no-repeat 50%; }
.sub0503 .ico-cont li:nth-child(2) .s-title:before{ background: url(/jumin/img/contents/05/sub03_ico02.png) no-repeat 50%; }
.sub0503 .ico-cont li:nth-child(3) .s-title:before{ background: url(/jumin/img/contents/05/sub03_ico03.png) no-repeat 50%; }
.sub0503 .ico-cont li:before{ content: ''; display: block; position: absolute; right: 0; top: 0; background: url(/jumin/img/contents/05/sub03_dot01.png) no-repeat 50%; width: 8px; height: 100%; }
.sub0503 .ico-cont li:last-child:before{ display: none; }

.sub0503 .apply-wrap { display: table; width: 100%; table-layout:fixed; }
.sub0503 .apply-wrap *{ vertical-align: middle; }
.sub0503 .apply-wrap .title{ position: relative; display: table-cell; width: 3rem; text-align: center; border:3px solid #14b9bb; background:#fff; }
.sub0503 .apply-wrap .title:before {content: ''; display: block; width: 2.5em; height: 3em; background-color: #14b9bb; position: absolute; top: -8px; right: -8px; z-index: -1;}
.sub0503 .apply-wrap .cont{ display: table-cell; width: 5rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 3rem 4rem;position: relative; z-index: -10; }
.sub0503 .apply-wrap .apply-btn{ display: table-cell; width: 2rem; padding: 0 1rem; border: 1px solid #ddd; border-left: 0; text-align: center; }
@media all and (max-width:800px) {
	.sub0503 .ico-cont li:before{ display: none; }
	.sub0503 .ico-cont { display: block; width: 100%; margin: 0 0 50px; }
	.sub0503 .ico-cont li{ display: block; width: 100%; text-align: left; }
	.sub0503 .ico-cont li .s-title:before{ position: absolute; left: 0; top: -0px; width: 50px;  }
	.sub0503 .ico-cont li .s-title{ position: relative; }
	.sub0503 .ico-cont li p{ padding-left: 60px; }

	.sub0503 .apply-wrap { display: block; }
	.sub0503 .apply-wrap .title, .sub0503 .apply-wrap .apply-btn,
	.sub0503 .apply-wrap .cont{ display: block; width: 100%; }
	.sub0503 .apply-wrap .title { padding: 20px 10px; }
	.sub0503 .apply-wrap .cont{ border-top: 0; border-bottom: 0; padding: 2rem; }
	.sub0503 .apply-wrap .apply-btn{ border: 0; border-bottom: 2px solid #ddd; padding: 20px 10px; }

}
@media all and (max-width:769px) {
	.sub0503 .apply-wrap .s-title{ margin-bottom: 0 !important; }

}
@media all and (max-width:640px) {
	.sub0503 .ico-cont { display: block; width: 100%; margin: 0 0 50px; }
	.sub0503 .ico-cont li{ display: block; width: 100%; }
}


/********************
	Board
********************/
.basic td.list_tit a {max-width:100%;}

.bod_detail {table-layout:fixed;}
.bod_detail th,
.bod_detail td {padding:1em;}
.bod_detail .button {min-width:0 !important; padding:0.8rem 1em; font-size:1em; line-height:1.6 !important; height:auto;}
.bod_detail .input-addr {display:inline-block; vertical-align:middle; width:49%;}
@media all and (max-width:1024px) {
	.bod_detail .wp550,
	.bod_detail .wp500 {width:100% !important;}
	
}
@media all and (max-width:870px) {
	.bod_detail .input-addr {display:block; width:99%;}
}
@media all and (max-width:568px) {
	
	.bod_detail,
	.bod_detail tbody,
	.bod_detail tr,
	.bod_detail th,
	.bod_detail td {display:block; position:relative;}
	.bod_detail:before {content:""; display:block; position:absolute; top:0; left:0; width:150px; bottom:0; background:#f7f7f7; }
	.bod_detail colgroup {display:none;}
	
	.bod_detail:before {display:none;}
	.bod_detail th,
	.bod_detail td {min-height:0; padding:1em;}
	.bod_detail th {float:none; width:auto; padding:0 1em; line-height:2.5em;}
	.bod_detail td {min-height:4em; margin:0; border-bottom:1px solid #ddd;}
	.bod_detail td:after {display:none;}
	.bod_detail input[data-v-desc="연락처"] {max-width:30%;}
}