.btn_wrap ul {display:flex;width:100%;border: 1px solid #ddd;border-radius: 1rem;}
.btn_wrap ul li {width: 100%; height: 4rem;display: flex;justify-content: center;align-items: center;color: #5b0b66;font-weight:bold;font-size: 1.8rem;background-color: #fff;}
.btn_wrap ul li.btn1 {border-radius: 1rem 0 0 1rem;border-right:1px solid #ddd;}
.btn_wrap ul li.btn2 {border-radius: 0 1rem 1rem 0;}
.btn_wrap ul li.on {background-color: #fffdf4;}


/* 리스트 */
.list_wrap {margin-top: 2rem;margin-bottom: 8rem;}
.list_wrap .btn_list {display: none;}
.list_wrap .btn_list.on {display: block;}

/* 3기신도시 리스트 */
.list_wrap .btn1_list .first_step_li {border: 1px solid #ddd;border-radius: 1rem;margin-bottom: .5rem;font-size: 1.6rem;line-height: 1.3;word-break: break-all;}
.list_wrap .btn1_list .first_step_li > span {padding: 1rem 1.5rem;display: block;font-weight: bold;background-color: #fff;border-radius:1rem;color: #111;}
.list_wrap .btn1_list .second_step_li > span {padding: 1rem 3rem; display: block;position: relative;border-top: 1px solid #ddd;font-size:1.6rem;}
.list_wrap .btn1_list .first_step_li.active > span {background-color: #5b0b66;color: #fff; border-radius:1rem 1rem 0 0}
.list_wrap .btn1_list .second_step_li:first-of-type > span {border: none;}
.list_wrap .btn1_list .second_step_li > span::before {content: '';border-radius: 100%;position: absolute;left: 1.5rem;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: #5b0b66;}
.list_wrap .btn1_list .third_step_li {padding: 1rem 2rem 2rem 3rem;word-break: break-all;color:#666;line-height:1.4; font-size: 1.5rem;white-space: pre-line;}


/* 사전청약 리스트 */
.list_wrap .btn2_list {display: none;}
.list_wrap .btn2_list .b2_first_step {border: 1px solid #ddd;border-radius: 1rem;margin-bottom: .5rem;font-size: 1.6rem;line-height: 1.3;word-break: break-all;}
.list_wrap .btn2_list .b2_first_step li {display: none;font-size: 1.6rem;line-height: 1.4;color: #666;white-space: pre-wrap;padding: 1.5rem 2rem 4rem 2rem;}
.list_wrap .btn2_list .b2_first_step li img {display: block;width: 100%;}
.list_wrap .btn2_list .b2_first_step span {background-color: #fff;color: #111;padding: 1rem 1.5rem;display: block;font-weight: bold;border-radius:1rem;}
.list_wrap .btn2_list .b2_first_step.on li {display: block;}
.list_wrap .btn2_list .b2_first_step.on span {background-color: #5b0b66;color: #fff;border-radius: 1rem 1rem 0 0 ;}


/* acco */
.second_step {display:none}
.third_step {display:none}



/* 서브페이지 */
.city_view .title {position:relative;font-size:1.8rem;font-weight: bold;padding-left: 2rem;}
.city_view .title::before {content: '';border-radius: 100%;position: absolute;left: .5rem;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background-color: #5b0b66;}
.city_view .content {font-size: 1.6rem;line-height: 1.4;color: #666;white-space: pre-wrap;}
.city_view .prev {display: block;padding: 1.2rem;margin-top:5rem;text-align: center;font-size: 1.6rem;font-weight: bold;border-radius: .5rem;background-color: #5b0b66;box-shadow: 0 0 .5rem rgba(0, 0, 0, .2);color: #fff;}
.city_view img {display: block;width: 100%;}
.city_view .prev:hover {color: #5b0b66;background-color: #fffdf4;}