/* 마포1번가 */
.visual_area {position:relative;}
.visual_area > .visual_box {width:1200px; height:100%;}
.visual_area > img {display:block; max-width:100%;}
.visual_area .txt {position:absolute; left:50%; top:30px; margin-left:-600px; width:1200px; text-align:center;}
.visual_area .txt .copy1 {margin-right:30px;}
.visual_area .txt .copy2 {margin-left:30px;}
.visual_area .bogi {position:absolute; left:50%; bottom:30px; display:block; margin-left:-30px; }
.visual_area .comment {position:absolute; right:50%; bottom:30px; margin-right:-600px; color:#fff;}
.band_area {width:100%;}
.band_area1 {background:#50a2ed;}
.band_area1 .band {background: no-repeat center center;}
.band_area2 {background:#2b3470;}
.band_area2 .band {background:url('../images/bg_arr2.png') no-repeat center center;}
.band_area3 {background:#6864d7;}
.band_area3 .band {background:url('../images/bg_arr2.png') no-repeat center center;}
.band_area .band {width:1200px; margin:0 auto; padding:25px 0; text-align:center; height:105px; }
.band_area .band h3 {display:block; float:left; color:#fff; font-size:28px; font-weight:normal; padding-top:8px; font-size:32px;}
.band_area .band h3 img {max-width:100%;}
.band_area .band h3 strong {font-size:32px;}
.band_area .band a {display:block; float:right;}
.band_area .band .center {display:inline-block; color:#fff; font-size:17px;}
.band_area .band .band_btn {border:2px solid #fff; border-radius:30px; padding:13px 30px 10px;}
.band_area .band .band_btn strong {font-size:30px; color:#fff;}
.band_area .band .band_btn span {font-size:22px; color:#fff;}
.band_area1 .center {padding-top:10px;}
.band_area2 .center {padding-top:20px;}
.band_area3 .center {padding-top:30px;}

.con_box {width:1200px; margin:30px auto;}
.con_box .srch_box {position:relative; border:2px solid #5e6fd5; background:#fff; padding:20px 30px; text-align:center;}
.con_box .srch_box:after {clear:both; content:""; display:block;}
.con_box .srch_box * {color:#5e6fd5; display:block; }
.con_box .srch_box select {float:left; font-size:23px; width:100px; border:0; height:62px;}
.con_box .srch_box input {display:inline-block; float:none; font-size:29px; width:calc(100% - 200px); text-align:center; color:#5e6fd5; border:0;}
.con_box .srch_box input::placeholder {color:#5e6fd5;}
.con_box .srch_box a {float:right; font-size:20px; width:60px; text-align: center; height: 60px; line-height: 60px;border:2px solid #5e6fd5; border-radius:30px; }
.con_box .srch_box .arr {display:block; position:absolute; left:50%; bottom:-23px; width:30px; height:27px; background:url('../theme/street/images/bg_srch_arr.png') no-repeat center center; margin-left:-15px;}
.srch_result {text-align:center; margin:40px 0;}
.srch_result * {vertical-align:middle;}
.srch_result span {font-size:22px; color:#555;}
.srch_result span strong {font-size:44px; color:#5e6fd5;}
.proposal_list {border-top:1px solid #666;}
.proposal_list li {padding:30px; border-bottom:1px solid #ddd;}
.proposal_list li:after {clear:both; content:""; display:block;}
.proposal_list li > div {float:left;}
.proposal_list li * {display:inline-block; vertical-align:middle; font-size:20px; color:#111;}
.proposal_list li .pp_area1 {width:200px;}
.proposal_list li .pp_area2 {width:calc(100% - 500px); padding-top:5px;}
.proposal_list li .pp_area3 {width:290px; float:right; padding-top:10px;}
.proposal_list li .pp_area1 .num {display:inline-block; color:#fff; background:#5e6fd5; padding:0; border-radius:25px; width:40px; height:40px; line-height:40px; text-align:center; margin-right:10px; font-size:16px;}
.proposal_list li .pp_area2 > a {font-family:'nsrb'; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:5px;}
.proposal_list li .pp_area2 .pp_input_wrap {display:none; margin-top:20px;}
.proposal_list li .pp_area2 .pp_input_wrap input {font-size:14px;}
.proposal_list li .pp_area2 .pp_input_wrap a {color:#fff; font-size:14px;}
.proposal_list li .pp_area3 span {margin-right:40px;}
.proposal_list li .pp_area3 span:first-child img {width:30px;}
.proposal_list li .pp_area3 span:nth-child(2) {width:45px;}
.proposal_list li .pp_area3 span:last-child {margin-right:0;}

@media only screen and (max-width:1280px){
	.visual_area .txt img {vertical-align:middle; max-width:250px;}
	.visual_area .txt .copy1 {}
}
@media only screen and (max-width:768px){
	.visual_area > .visual_box,
	.con_box,
	.visual_area .txt,
	.band_area .band {width:100%; min-width:auto;}

	.visual_area .txt {left:0; margin-left:0;}
	.visual_area .txt img {width:30%;}
	.visual_area .txt .copy1 {margin:0;}
	.visual_area .bogi {display:none;}
	.visual_area .comment {display:none; right:auto; margin:0;}
	.band_area .band {height:auto; padding:10px; background:none;}
	.band_area .band img {max-width:100%;}
	.band_area .band h3 {float:none; font-size:20px;}
	.band_area .band h3 strong {font-size:20px;}
	.band_area .band a {float:none; margin-top:10px;}
	.band_area .band a img {width:50px; margin-top:10px;}
	.con_box {margin:0;}
	.con_box .srch_box {padding:10px;}
	.con_box .srch_box select {font-size:17px; width:60px; height:42px;}
	.con_box .srch_box input {float:left; width:calc(100% - 70px); font-size:17px; padding:20px;}
	.con_box .srch_box a {width:100%; display:block; height:40px; line-height:40px; margin-top:5px; border-radius:0; color:#fff; background:#5e6fd5;}
	.srch_result {margin:40px 0 20px;}
	.srch_result img {display:none;}
	.srch_result span strong {font-size:22px;}
	.proposal_list li {padding:10px;}
	.proposal_list li > div {float:none; display:block; }
	.proposal_list li * {font-size:17px;}
	.proposal_list li .pp_area1 {width:100%;}
	.proposal_list li .pp_area1 .num {}
	.proposal_list li .pp_area1 span {font-size:14px;}
	.proposal_list li .pp_area2 {margin:5px 0; width:100%;}
	.proposal_list li .pp_area2 > a {padding:5px 0;}
	.proposal_list li .pp_area2 .pp_input_wrap {margin-top:5px;}
	.proposal_list li .pp_area3  {float:left;}
	.proposal_list li .pp_area3 span {margin-right:5px; color:#555; font-size:14px;}
	.proposal_list li .pp_area3 span:first-child {display:none;}
}