@charset "UTF-8";
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
.icon-alert_wraning { background-image: url(../img/sprite/sprite.png); background-position: -20.5rem -8.8rem; width: 5.9rem; height: 4.7rem; background-size: 45.8rem auto }
.icon-alert_wraning2 { background-image: url(../img/sprite/sprite.png); background-position: -8.8rem -16.2rem; width: 5.9rem; height: 4.7rem; background-size: 45.8rem auto }
.icon-arrow-white { background-image: url(../img/sprite/sprite.png); background-position: -18.7rem -30rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem autov}
.icon-arrow { background-image: url(../img/sprite/sprite.png); background-position: -22.1rem -30rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-arrow2-sm { background-image: url(../img/sprite/sprite.png); background-position: -14.4rem -21.9rem; width: 1.6rem; height: 1.6rem; background-size: 45.8rem auto}
.icon-arrow2 { background-image: url(../img/sprite/sprite.png); background-position: -25.5rem -30rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-arrow2_blue { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -24.2rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-arrow2_blue2 { background-image: url(../img/sprite/sprite.png); background-position: -28.9rem -30rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-arrow2_white { background-image: url(../img/sprite/sprite.png); background-position: -32.3rem -30rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-arrow_blue { background-image: url(../img/sprite/sprite.png); background-position: -3.3rem -34rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-arrow_blue2 { background-image: url(../img/sprite/sprite.png); background-position: -20.5rem -14.5rem; width: 1.2rem; height: 0.7rem; background-size: 45.8rem auto}
.icon-arrow_down { background-image: url(../img/sprite/sprite.png); background-position: -6.7rem -34rem; width: 2.4rem; height: 2.4rem;background-size: 45.8rem auto }
.icon-arrow_down2 { background-image: url(../img/sprite/sprite.png); background-position: -22.7rem -14.5rem; width: 1.2rem; height: 0.7rem; background-size: 45.8rem auto }
.icon-arrow_left { background-image: url(../img/sprite/sprite.png); background-position: -10.1rem -34rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-arrow_long { background-image: url(../img/sprite/sprite.png); background-position: -8.8rem -21.9rem; width: 4.6rem; height: 1.7rem; background-size: 45.8rem auto}
.icon-arrow_right2 { background-image: url(../img/sprite/sprite.png); background-position: -27.4rem -8.8rem; width: 0.8rem; height: 1.3rem; background-size: 45.8rem auto}
.icon-arrow_top { background-image: url(../img/sprite/sprite.png); background-position: -13.5rem -34rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-attach { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -34.5rem; width: 1.6rem; height: 1.7rem; background-size: 45.8rem auto}
.icon-btn_arrow_white { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem -12.8rem; width: 0.5rem; height: 0.9rem;background-size: 45.8rem auto }
.icon-btn_arrow_white2 { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem -14.7rem; width: 0.5rem; height: 0.9rem;background-size: 45.8rem auto }
.icon-btn_close { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem 0px; width: 3.4rem; height: 3.4rem; background-size: 45.8rem auto}
.icon-btn_del { background-image: url(../img/sprite/sprite.png); background-position: -9.5rem -41rem; width: 1.2rem; height: 1.2rem; background-size: 45.8rem auto}
.icon-btn_down { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -36.2rem; width: 1.2rem; height: 0.8rem; background-size: 45.8rem auto}
.icon-btn_refresh { background-image: url(../img/sprite/sprite.png); background-position: -4.9rem -41rem; width: 1.3rem; height: 1.3rem; background-size: 45.8rem auto}
.icon-btn_up { background-image: url(../img/sprite/sprite.png); background-position: -14rem -41rem; width: 1.2rem; height: 0.8rem; background-size: 45.8rem auto}
.icon-cal { background-image: url(../img/sprite/sprite.png); background-position: -17.6rem -8.1rem; width: 1.9rem; height: 2rem; background-size: 45.8rem auto}
.icon-camera { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem 0px; width: 2.2rem; height: 2rem; background-size: 45.8rem auto}
.icon-check_mark { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem -3.8rem; width: 1rem; height: 0.8rem; background-size: 45.8rem auto}
.icon-chkIcon { background-image: url(../img/sprite/sprite.png); background-position: -11.7rem -41rem; width: 1.3rem; height: 1rem; background-size: 45.8rem auto}
.icon-cicle_agency { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -8.7rem; width: 3.1rem; height: 3.1rem; background-size: 45.8rem auto}
.icon-cicle_other { background-image: url(../img/sprite/sprite2.png); background-position: -15rem -25rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}/* BIS-448 특정빈집*/
.icon-cicle_grade5_white { background-image: url(../img/sprite/sprite2.png); background-position: -19.8rem -24.8rem; width: 4.2rem; height: 4.3rem; background-size: 45.8rem auto}/* BIS-448 건축연도누락*/
.icon-cicle_apart { background-image: url(../img/sprite/sprite.png); background-position: -20.9rem -16.2rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_foodshop { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -12.8rem; width: 3.1rem; height: 3.1rem; background-size: 45.8rem auto}
.icon-cicle_grade1 { background-image: url(../img/sprite/sprite.png); background-position: -29.3rem 0px; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_grade1_white { background-image: url(../img/sprite/sprite.png); background-position: -29.3rem -5rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_grade2 { background-image: url(../img/sprite/sprite.png); background-position: -29.3rem -10rem; width: 4rem; height: 4rem;background-size: 45.8rem auto }
.icon-cicle_grade2_white { background-image: url(../img/sprite/sprite.png); background-position: -29.3rem -15rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_grade3 { background-image: url(../img/sprite/sprite.png); background-position: -29.3rem -20rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_grade3_white { background-image: url(../img/sprite/sprite.png); background-position: 0px -25rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_grade4 { background-image: url(../img/sprite/sprite.png); background-position: -5rem -25rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_grade4_white { background-image: url(../img/sprite/sprite.png); background-position: -10rem -25rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_grade5 { background-image: url(../img/sprite/sprite2.png); background-position: -5rem -24.8rem; width: 4.2rem; height: 4.3rem; background-size: 45.8rem auto}/* BIS-448 그외주택*/
.icon-cicle_grade6 { background-image: url(../img/sprite/sprite2.png); background-position: -9.8rem -24.8rem; width: 4.2rem; height: 4.3rem; background-size: 45.8rem auto}/* BIS-448 일반빈집*/
.icon-cicle_hospital { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -16.9rem; width: 3.1rem; height: 3.1rem; background-size: 45.8rem auto}
.icon-cicle_house { background-image: url(../img/sprite/sprite.png); background-position: -15rem -25rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_kakao { background-image: url(../img/sprite/sprite.png); background-position: -20.5rem 0px; width: 7.8rem; height: 7.8rem; background-size: 45.8rem auto}
.icon-cicle_naver { background-image: url(../img/sprite/sprite.png); background-position: 0px -16.2rem; width: 7.8rem; height: 7.8rem; background-size: 45.8rem auto}
.icon-cicle_opi { background-image: url(../img/sprite/sprite.png); background-position: -20rem -25rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-cicle_school { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -21rem; width: 3.1rem; height: 3.1rem; background-size: 45.8rem auto}
.icon-cicle_store { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -25.1rem; width: 3.1rem; height: 3.1rem; background-size: 45.8rem auto}
.icon-clear { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -27.2rem; width: 2rem; height: 2rem; background-size: 45.8rem auto }
.icon-clear_login { background-image: url(../img/sprite/sprite.png); background-position: -17.6rem -11.1rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-close { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -30.2rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-close_white { background-image: url(../img/sprite/sprite.png); background-position: -34.3rem -4.4rem; width: 3.1rem; height: 3.3rem; background-size: 45.8rem auto}
.icon-delete-red { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -33.2rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-delete { background-image: url(../img/sprite/sprite.png); background-position: -35.7rem -30rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-down-arrow { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem -5.6rem; width: 1rem; height: 0.7rem; background-size: 45.8rem auto}
.icon-down-arrow2 { background-image: url(../img/sprite/sprite.png); background-position: -16.9rem -34rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-down { background-image: url(../img/sprite/sprite.png); background-position: -20.3rem -34rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-down_file { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -23.2rem; width: 1.8rem; height: 1.8rem; background-size: 45.8rem auto}
.icon-favorite { background-image: url(../img/sprite/sprite.png); background-position: -25rem -25rem; width: 4rem; height: 4rem; background-size: 45.8rem auto}
.icon-favorite2 { background-image: url(../img/sprite/sprite.png); background-position: -7.9rem -30rem; width: 2.8rem; height: 2.8rem; background-size: 45.8rem auto}
.icon-favorite3 { background-image: url(../img/sprite/sprite.png); background-position: -4rem -30rem; width: 2.9rem; height: 3rem; background-size: 45.8rem auto}
.icon-file { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -6.2rem; width: 2.1rem; height: 2rem; background-size: 45.8rem auto}
.icon-file_exel { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -9.2rem; width: 2.1rem; height: 2rem; background-size: 45.8rem auto}
.icon-file_han { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -12.2rem; width: 2.1rem; height: 2rem; background-size: 45.8rem auto}
.icon-file_pdf { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -15.2rem; width: 2.1rem; height: 2rem; background-size: 45.8rem auto}
.icon-file_ppt { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -18.2rem; width: 2.1rem; height: 2rem; background-size: 45.8rem auto}
.icon-file_word { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -21.2rem; width: 2.1rem; height: 2rem; background-size: 45.8rem auto}
.icon-form_lock { background-image: url(../img/sprite/sprite.png); background-position: -7.2rem -41rem; width: 1.3rem; height: 1.3rem; background-size: 45.8rem auto}
.icon-icon_exel { background-image: url(../img/sprite/sprite.png); background-position: -30rem -25rem; width: 3rem; height: 3rem; background-size: 45.8rem auto}
.icon-icon_pdf { background-image: url(../img/sprite/pdf.png); background-position: -30rem -28rem; width: 3rem; height: 3rem; background-size: 45.8rem auto} /*2024.9.10 추가 이원석*/
.icon-icon_id { background-image: url(../img/sprite/sprite.png); background-position: -38.7rem -3rem; width: 2rem; height: 2.2rem; background-size: 45.8rem auto}
.icon-icon_map_layer01_01 { background-image: url(../img/sprite/sprite.png); background-position: -24rem -38rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer01_02 { background-image: url(../img/sprite/sprite.png); background-position: -26.9rem -38rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto }
.icon-icon_map_layer01_03 { background-image: url(../img/sprite/sprite.png); background-position: 0px -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer01_04 { background-image: url(../img/sprite/sprite.png); background-position: -29.8rem -38rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_01 { background-image: url(../img/sprite/sprite.png); background-position: -32.7rem -38rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_02 { background-image: url(../img/sprite/sprite.png); background-position: -35.6rem -38rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_03 { background-image: url(../img/sprite/sprite.png); background-position: -38.5rem -38rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_04 { background-image: url(../img/sprite/sprite.png); background-position: -3rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_05 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem 0px; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_06 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -2.9rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_07 { background-image: url(../img/sprite/sprite.png); background-position: -6rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_08 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -5.8rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_09 { background-image: url(../img/sprite/sprite.png); background-position: -9rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto }
.icon-icon_map_layer02_10 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -8.7rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_11 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -11.6rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_12 { background-image: url(../img/sprite/sprite.png); background-position: -12rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_13 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -14.5rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_14 { background-image: url(../img/sprite/sprite.png); background-position: -15rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_15 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -17.4rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_16 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -20.3rem; width: 1.9rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_17 { background-image: url(../img/sprite/sprite.png); background-position: -0rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_18 { background-image: url(../img/sprite/sprite.png); background-position: -0rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_19 { background-image: url(../img/sprite/sprite.png); background-position: -0rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_20 { background-image: url(../img/sprite/sprite.png); background-position: -0rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_21 { background-image: url(../img/sprite/sprite.png); background-position: -0rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_22 { background-image: url(../img/sprite/sprite.png); background-position: -0rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_23 { background-image: url(../img/sprite/sprite.png); background-position: -0rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_map_layer02_24 { background-image: url(../img/sprite/sprite.png); background-position: -0rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-icon_pass { background-image: url(../img/sprite/sprite.png); background-position: -33.7rem -34rem; width: 2.1rem; height: 2.2rem; background-size: 45.8rem auto}
.icon-icon_print { background-image: url(../img/sprite/sprite.png); background-position: 0px -30rem; width: 3rem; height: 3rem; background-size: 45.8rem auto}
.icon-icon_tooltip { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -31.8rem; width: 1.7rem; height: 1.7rem; background-size: 45.8rem auto}
.icon-icon_tooltip_white { background-image: url(../img/sprite/sprite.png); background-position: 0px -41rem; width: 1.5rem; height: 1.5rem; background-size: 45.8rem auto}
.icon-loading { background-image: url(../img/sprite/sprite.png); background-position: -10rem -8.1rem; width: 6.6rem; height: 6.6rem; background-size: 45.8rem auto}
.icon-minus { background-image: url(../img/sprite/sprite.png); background-position: -18rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-more { background-image: url(../img/sprite/sprite.png); background-position: -23.7rem -34rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
.icon-pagin-left-xs { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem -9rem; width: 0.6rem; height: 0.9rem; background-size: 45.8rem auto}
.icon-pagin-left-xs2 { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem 0px; width: 1rem; height: 0.9rem; background-size: 45.8rem auto}
.icon-pagin-left { background-image: url(../img/sprite/sprite.png); background-position: -17rem -21.9rem; width: 1.7rem; height: 1.5rem; background-size: 45.8rem auto}
.icon-pagin-left2 { background-image: url(../img/sprite/sprite.png); background-position: -19.7rem -21.9rem; width: 1.7rem; height: 1.5rem; background-size: 45.8rem auto}
.icon-pagin-right-xs { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem -10.9rem; width: 0.6rem; height: 0.9rem; background-size: 45.8rem auto}
.icon-pagin-right-xs2 { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem -1.9rem; width: 1rem; height: 0.9rem; background-size: 45.8rem auto}
.icon-pagin-right { background-image: url(../img/sprite/sprite.png); background-position: -22.4rem -21.9rem; width: 1.7rem; height: 1.5rem; background-size: 45.8rem auto}
.icon-pagin-right2 { background-image: url(../img/sprite/sprite.png); background-position: -25.1rem -21.9rem; width: 1.7rem; height: 1.5rem; background-size: 45.8rem auto}
.icon-pin { background-image: url(../img/sprite/sprite.png); background-position: -25.9rem -16.2rem; width: 2.3rem; height: 3rem; background-size: 45.8rem auto}
.icon-pin_blue { background-image: url(../img/sprite/sprite.png); background-position: 0px -34rem; width: 2.3rem; height: 3rem; background-size: 45.8rem auto}
.icon-pin_blue2 { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -26rem; width: 1.6rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-pin_blue2_white { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -28.9rem; width: 1.6rem; height: 1.9rem; background-size: 45.8rem auto}
.icon-plus { background-image: url(../img/sprite/sprite.png); background-position: -21rem -38rem; width: 2rem; height: 2rem; background-size: 45.8rem auto}
.icon-plus2 { background-image: url(../img/sprite/sprite.png); background-position: -2.5rem -41rem; width: 1.4rem; height: 1.4rem; background-size: 45.8rem auto}
.icon-refresh { background-image: url(../img/sprite/sprite.png); background-position: -41.9rem -37.2rem; width: 1.8rem; height: 1.5rem; background-size: 45.8rem auto}
.icon-rule_01 { background-image: url(../img/sprite/sprite.png); background-position: 0px 0px; width: 9.3rem; height: 7.1rem; background-size: 45.8rem auto}
.icon-rule_02 { background-image: url(../img/sprite/sprite.png); background-position: 0px -8.1rem; width: 9rem; height: 7.1rem; background-size: 45.8rem auto}
.icon-rule_03 { background-image: url(../img/sprite/sprite.png); background-position: -10.3rem 0px; width: 9.2rem; height: 7.1rem; background-size: 45.8rem auto}
.icon-search { background-image: url(../img/sprite/sprite.png); background-position: -30.5rem -34rem; width: 2.2rem; height: 2.2rem; background-size: 45.8rem auto}
.icon-search_big { background-image: url(../img/sprite/sprite.png); background-position: -15.7rem -16.2rem; width: 4.2rem; height: 4.2rem; background-size: 45.8rem auto}
.icon-swiper_arrow_left { background-image: url(../img/sprite/sprite.png); background-position: -11.7rem -30rem; width: 2.5rem; height: 2.5rem; background-size: 45.8rem auto}
.icon-swiper_arrow_right { background-image: url(../img/sprite/sprite.png); background-position: -15.2rem -30rem; width: 2.5rem; height: 2.5rem; background-size: 45.8rem auto}
.icon-top-arrow { background-image: url(../img/sprite/sprite.png); background-position: -44.8rem -7.3rem; width: 1rem; height: 0.7rem; background-size: 45.8rem auto}
.icon-up { background-image: url(../img/sprite/sprite.png); background-position: -27.1rem -34rem; width: 2.4rem; height: 2.4rem; background-size: 45.8rem auto}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: inherit; color: inherit; box-sizing: border-box; }
dl, ul, ol, menu, li { list-style: none; }
fieldset, img { border: 0 none; box-sizing: border-box; }
input, select, textarea, button { vertical-align: middle; margin: 0; padding: 0; font-family: inherit; box-sizing: border-box; }
button { border: 0 none; background-color: transparent; cursor: pointer; box-sizing: border-box; line-height: 1; font-size: inherit; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; box-sizing: border-box; }
::before, ::after, :before, :after { box-sizing: border-box; }
input, textarea, img { max-width: 100%; background: transparent; }
img.hl1 { max-width: 170; background: transparent; }
a, a:hover, a:visited, a:active { text-decoration: none; }
sup { font-size: small; vertical-align: text-top; }
sub { font-size: small; vertical-align: text-bottom; }
button, select { -webkit-appearance: none; appearance: none; color: inherit; }
select::-ms-expand { display: none; }
/* Hide Native Arrow IE 10, 11 */
table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
table caption { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* HTML5 for older browsers */
section, main { display: block; }
img { vertical-align: top; }
em { font-weight: normal; }
strong { font-weight: 700; }
a:focus, button:focus { outline: 1px dashed #214b7e; }
input :focus { outline: none !important; background-color:none }
@media screen and (max-width: 1200px) { :focus { outline: none !important; } }
input:read-only, input:disabled, button:disabled { cursor: default; }
@font-face { font-family: 'Noto Sans KR'; /*Thin*/ font-style: normal; font-weight: 200; src: url(../common/fonts/NotoSansKR-Thin.woff2) format("woff2"), url(../common/fonts/NotoSansKR-Thin.woff) format("woff"); }
@font-face { font-family: 'Noto Sans KR'; /*Light*/ font-style: normal; font-weight: 300; src: url(../common/fonts/NotoSansKR-Light.woff2) format("woff2"), url(../common/fonts/NotoSansKR-Light.woff) format("woff"); }
@font-face { font-family: 'Noto Sans KR'; /*DemiLight*/ font-style: normal; font-weight: 350; src: url(../common/fonts/NotoSansKR-DemiLight.woff2) format("woff2"), url(../common/fonts/NotoSansKR-DemiLight.woff) format("woff"); }
@font-face { font-family: 'Noto Sans KR'; /*Regular*/ font-style: normal; font-weight: 400; src: url(../common/fonts/NotoSansKR-Regular.woff2) format("woff2"), url(../common/fonts/NotoSansKR-Regular.woff) format("woff"); }
@font-face { font-family: 'Noto Sans KR'; /*Medium*/ font-style: normal; font-weight: 500; src: url(../common/fonts/NotoSansKR-Medium.woff2) format("woff2"), url(../common/fonts/NotoSansKR-Medium.woff) format("woff"); }
@font-face { font-family: 'Noto Sans KR'; /*Bold*/ font-style: normal; font-weight: 700; src: url(../common/fonts/NotoSansKR-Bold.woff2) format("woff2"), url(../common/fonts/NotoSansKR-Bold.woff) format("woff"); }
@font-face { font-family: 'Noto Sans KR'; /*Black*/ font-style: normal; font-weight: 800; src: url(../common/fonts/NotoSansKR-Black.woff2) format("woff2"), url(../common/fonts/NotoSansKR-Black.woff) format("woff"); }
/* :root, html { font-size: 10px; } */
html, body { height: 100%; }
body { font-family: 'Noto Sans KR',sans-serif; font-size: 1.6rem; line-height: 1; color: #000; letter-spacing: -.05em; word-break: keep-all; word-wrap: break-word; width: 100%; overflow-x: hidden; }
body.openLayer-mode {overflow-y:hidden!important}
@media screen and (max-width: 1200px) { body { font-size: 1.5rem; } }
.dim { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; }
.dimm {display:none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index:90}
input:focus { outline: none; }
input:-ms-input-placeholder { color: #aaa; font-size: 1.5rem; }
input::placeholder { color: #aaa; font-size: 1.5rem; }
textarea { width: 100%; padding: 1.6rem 0; font-size: inherit; border: none; border-bottom: 0.2rem solid #eee; height: auto; }
textarea:focus { outline: none; }
textarea:-ms-input-placeholder { color: #aaa; font-size: 1.5rem; }
textarea::placeholder { color: #aaa; font-size: 1.5rem; }
.ir { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -999rem; }
.skip-nav { position: fixed; top: -6rem; left: 0; width: 100%; height: 6rem; z-index: 99; }
.skip-nav a { position: absolute; top: 0; left: 0; width: 100%; padding: 1rem; display: block; background-color: #214b7e !important; color: #fff; text-align: center; }
.skip-nav a:focus { top: 6rem; }
.h1 { font-size: 5rem; font-weight: 700; line-height: 3.9rem; }
.h2 { font-size: 3.3rem; font-weight: 700; line-height: 3.3rem; }
.h3 { font-size: 2rem; font-weight: 700; line-height: 2.8rem; }
.h4 { font-size: 1.7rem; font-weight: 700; line-height: 2.5rem; }
.co-black { color: #000; }
.co-white { color: #fff; }
.co-whiteGray { color: #f9f9f9; }
.co-lightGray { color: #eee; }
.co-gray { color: #797979; }
.co-darkGray { color: #666; }
.co-yellow { color: #efb31d; }
.co-red { color: #e73337; }
.co-blue { color: #214b7e; }
.co-green { color: #7fb249; }
.f-right {float: right}
.bothType { position: relative; }
.bothType:after { content: ''; display: table; clear: both; }
.bothType .left { float: left; width: 50%; vertical-align: top; }
.bothType .right { float: right; width: 50%; vertical-align: top; }
.bothType.type2 .left { width: 80%; }
.bothType.type2 .right { width: 20%; }
.bothType.type2 .right button + button { margin-left: 1rem; }
.formText { font-size: 1.7rem; text-align: left; display: inline-block; position: relative; font-family: inherit; vertical-align: top; }
.formText label { font-size: 1.7rem; display: inline-block; position: relative; color: #666; margin-right: 1.5rem; vertical-align: middle; }/* margin-right: 2rem;를 수정함*/
.formText label.ir { margin-right: 0; }
.formText input { border: 1px solid #ccc; width: 15rem; padding: .4rem 3.5rem .4rem 1.8rem; line-height: 1; font-size: 1.7rem; height: 4rem; background: #fff; border-radius: .6rem; }
.formText textarea { border: 1px solid #ccc; width: 100%; padding: 1rem 1.8rem; font-size: 1.7rem; background: #fff; border-radius: .6rem; line-height: 1.4; height: 10rem; }
.formText .btn-clear { opacity: 1; position: absolute; right: 1rem; bottom: .9rem; }
.formText .btn-search { position: absolute; right: 1rem; bottom: .9rem; }
.formText .ui-datepicker-trigger { position: absolute; right: 1rem; bottom: .9rem; }
.formText .btn-clear:focus, .formText input:focus + .btn-clear { opacity: 1; }
.formText input:read-only + .btn-clear, .formText input:disabled + .btn-clear, .formText input:disabled + .ui-datepicker-trigger { display: none; }
.formText input:focus { color: inherit; border-color: #000; }
.formText input:hover { color: inherit; }
.formText input:read-only { color: #a3a3a3; }
.formText + .formText { margin-left: 4rem; }
.formText.line { display: block; width: 100%; }
.formText.line + .formText { margin-top: 1rem; }
.formText.line + .formText + .formText { margin-top: 1rem; }
.formText.search input { padding: .4rem 6.5rem .4rem 1.8rem; }
.formText.search .btn-clear { right: 3.5rem; }
.formText.wide input { width: 38rem; }
.formText.short input { width: 10rem; }
.formText.short2 input { width: 12rem; }
.formText.tiny input { width: 8rem; }
.formText.mid input { width: 25rem; }
.formText.adress input { width: 60rem; }
.formText.adress input:read-only { background-color: #f1f1f1; }
.formText.adress + span button { background: #666; color: #fff; border: none; height: 4rem; margin-left: .6rem; padding: 1rem 2rem; font-weight: 500; }
.formText.adress + span button:disabled { background-color: #ccc; }
.formText.adress2 input { width: 67.2rem; margin-left: 12.2rem; margin-top: 1rem; }
.formText.adress2 input:read-only { background-color: #f1f1f1; }
.formText.adress2 + span button { margin-left: 1rem; margin-top: 1.5rem; }
.formText.adress2 + span button:disabled { opacity: .3; cursor: default; }
.formText.textarea { width: 100%; }
.formText.textarea textarea { width: calc(100% - 13rem); }
.formText .formBetween { display: inline-block; padding: 0 1rem; }
.formText.required label span { position: relative; display: inline-block; margin-right: 1.5rem; }
.formText.required label span:before { content: ''; width: 1rem; height: 1rem; display: block; position: absolute; right: -1.5rem; background: url("../img/common/required.png") center center no-repeat; }
.formCheckbox { display: inline-block; position: relative; }
.formCheckbox input { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.formCheckbox input + label { display: inline-block; line-height: 1.4; /*min-height:$size*/ cursor: pointer; }
.formCheckbox label { padding-top: 0.1rem; padding-left: 3.3rem; font-size: 1.5rem; }
.formCheckbox label:before { content: ''; display: block; position: absolute; left: 0; width: 2rem; height: 2rem; top: .2rem; background-image: url(../img/common/icon_checkbox.png); background-size: contain; transition: all 0.3s ease 0.1s; }
.formCheckbox input:checked + label:before { background-image: url(../img/common/icon_checkbox_on.png); }
.formCheckbox input:disabled + label { color: #ccc; }
.formCheckbox input:disabled + label:before { background-image: url(../img/common/icon_checkbox_dis.png); }
.formCheckbox input:disabled:checked + label { color: #ccc; }
.formCheckbox input:disabled:checked + label:before { background-image: url(../img/common/icon_checkbox_on_dis.png); }
.formCheckbox input:focus + label { /* outline: 1px solid rgba(88, 241, 255, 0.5); background: rgba(88, 241, 255, 0.2) !important;0322삭제함 */ }
.formCheckbox + .formCheckbox { margin-left: 4rem; }
.formCheckbox .formBetween { display: inline-block; padding: 0 1rem; }
.formCheckbox.typeBtn label { padding: .6rem 2rem; position: relative; }
.formCheckbox.typeBtn label span { color: inherit; position: relative; transition: all 0.3s ease 0.1s; }
.formCheckbox.typeBtn label:before { width: 100%; background: #fff; border-radius: 10rem; border: 1px solid #ccc; height: 100%; top: 0; z-index: 0; }
.formCheckbox.typeBtn input:checked + label span { color: #fff; }
.formCheckbox.typeBtn input:checked + label:before { background: var(--color-reb1); border: 1px solid var(--color-reb1); color: #fff; }
.formCheckbox.typeBtn input:disabled + label span { color: #ccc; }
.formCheckbox.typeBtn input:disabled + label:before { background: #f1f1f1; }
.formCheckbox.typeBtn input:disabled:checked + label span { color: rgba(255, 255, 255, 0.5); }
.formCheckbox.typeBtn input:disabled:checked + label:before { background: #9b9b9b; border: 1px solid #686868; color: #fff; }
.formCheckbox.typeToggle label { padding: .6rem 6rem .6rem 0; position: relative; }
.formCheckbox.typeToggle label span { color: inherit; position: relative; transition: all 0.3s ease 0.1s; }
.formCheckbox.typeToggle label:before { width: 1.8rem; background: #fff; border-radius: 10rem; height: 1.8rem; top: .7rem; z-index: 1; right: 3.2rem; left: auto; }
.formCheckbox.typeToggle label:after { content: ''; width: 4.2rem; height: 2.2rem; background: #ccc; display: block; position: absolute; top: .5rem; right: 1rem; border-radius: 10rem; transition: all 0.3s ease 0.1s; }
.formCheckbox.typeToggle input:checked + label span { color: inherit; }
.formCheckbox.typeToggle input:checked + label:before { right: 1.2rem; background: #fff; }
.formCheckbox.typeToggle input:checked + label:after { right: 1.0rem; background: #4f94e8; }
.formCheckbox.typeToggle input:disabled + label span { color: #ccc; }
.formCheckbox.typeToggle input:disabled + label:before { background: #f1f1f1; }
.formCheckbox.typeToggle input:disabled:checked + label span { color: inherit; }
.formCheckbox.typeToggle input:disabled:checked + label:before { background: #fff; border: none; }
.formCheckbox.typeToggle input:disabled:checked + label:after { background: #9b9b9b; border: none; }
.formCheckbox.typeToggle.co-red input:checked + label:after { background: #ff0000; }
.formCheckbox.typeToggle.co-redyellow input:checked + label span { color: #fecc00; }
.formCheckbox.typeToggle.co-redyellow input:checked + label:after { background: #fecc00; }
.formCheckbox.typeToggle.co-greeyellow input:checked + label span { color: #7dcd00; }
.formCheckbox.typeToggle.co-greeyellow input:checked + label:after { background: #7dcd00; }
.formCheckbox.typeToggle.co-bluegreen input:checked + label span { color: #006666; }
.formCheckbox.typeToggle.co-bluegreen input:checked + label:after { background: #0066666; }
.formCheckbox.typeToggle.co-blue input:checked + label span { color: #0611f2; }
.formCheckbox.typeToggle.co-blue input:checked + label:after { background: #0611f2; }
.formCheckbox.typeToggle.co-purpleblue input:checked + label span { color: #000080; }
.formCheckbox.typeToggle.co-purpleblue input:checked + label:after { background: #000080; }
.formCheckbox.typeToggle.co-cyan input:checked + label span { color: #00a8b3; }
.formCheckbox.typeToggle.co-cyan input:checked + label:after { background: #00a8b3; }
.formCheckbox.typeToggle.co-khaki input:checked + label span { color: #c39700; }
.formCheckbox.typeToggle.co-khaki input:checked + label:after { background: #c39700; }
.formCheckbox.typeToggle.co-redpurple input:checked + label span { color: #e80074; }
.formCheckbox.typeToggle.co-redpurple input:checked + label:after { background: #e80074; }
@media screen and (max-width: 1200px) { .formCheckbox label { padding-top: .1rem; padding-left: 2.5rem; font-size: 1.4rem; }
.formCheckbox label:before { width: 2rem; height: 2rem; top: .2rem; }
.formCheckbox + .formCheckbox { margin-left: 2rem; }
.formCheckbox .formBetween { padding: 0 .5rem; }
.formCheckbox.typeBtn label { padding: .3rem 1rem; } }
.formRadio { display: inline-block; position: relative; vertical-align: top; }
.formRadio input { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.formRadio label { display: inline-block; min-height: 2.4rem; color: #000; padding-top: 0.2rem; padding-left: 3.2rem; font-size: 1.5rem; line-height: 1.4; cursor: pointer; }
.formRadio label:before { content: ''; position: absolute; left: 0; top: .2rem; width: 2rem; height: 2rem; background-image: url(../img/common/icon_radio.png);background-size: 2rem auto; transition: all 0.3s ease 0.1s; }
.formRadio input:checked + label:before { background-image: url(../img/common/icon_radio_on.png);background-size: 2rem auto }
.formRadio input:disabled + label:before { background-image: url(../img/common/icon_radio_dis.png);background-size: 2rem auto }
.formRadio input:disabled + label { color: #ccc; }
.formRadio input:disabled:checked + label { color: #ccc; }
.formRadio input:disabled:checked + label:before { background-image: url(../img/common/icon_radio_on_dis.png); }
.formRadio input:focus-visible + label { outline: 1px solid rgba(88, 241, 255, 0.5); background: rgba(88, 241, 255, 0.2) !important; }
.formRadio + .formRadio { margin-left: 4rem; }
.formRadio .formBetween { display: inline-block; padding: 0 1rem; }
.formRadio.typeBtn label { padding: .6rem 2rem; position: relative; }
.formRadio.typeBtn label span { color: inherit; position: relative; transition: all 0.3s ease 0.1s; }
.formRadio.typeBtn label:before { width: 100%; background: #fff; border-radius: 10rem; border: 1px solid #ccc; height: 100%; top: 0; z-index: 0; }
.formRadio.typeBtn input:checked + label span { color: #fff; }
.formRadio.typeBtn input:checked + label:before { background: #4f94e8; border: 1px solid #327ad3; color: #fff; }
.formRadio.typeBtn input:disabled + label span { color: #ccc; }
.formRadio.typeBtn input:disabled + label:before { background: #f1f1f1; }
.formRadio.typeBtn input:disabled:checked + label span { color: rgba(255, 255, 255, 0.5); }
.formRadio.typeBtn input:disabled:checked + label:before { background: #9b9b9b; border: 1px solid #686868; color: #fff; }
.formRadio.typeBtn.style2 label { width: 100%; }
.formRadio.typeBtn.style2 label span { color: #666; font-size: 1.3rem; text-align: center; display: block; }
.formRadio.typeBtn.style2 label:before { width: 100%; background: #fff; border-radius: 0; border: 1px solid #ccc; height: 100%; top: 0; z-index: 0; transition: all 0s ease 0s; }
.formRadio.typeBtn.style2:first-child label:before { border-radius: .5rem 0 0 .5rem; }
.formRadio.typeBtn.style2:last-child label:before { border-radius: 0 .5rem .5rem 0; }
.formRadio.typeBtn.style2 input:checked + label span { color: #4f94e8; z-index: 1; font-weight: 700; }
.formRadio.typeBtn.style2 input:checked + label:before { border: 1px solid #4f94e8; background: #fff; font-weight: 700; z-index: 1; }
.formRadio.typeBtn.style2 + .formRadio.typeBtn.style2 { margin-left: -.3rem; }
.formRadio.typeBtn.style2[data-length='1'] { width: 100%; }
.formRadio.typeBtn.style2[data-length='1'] label:before { border-radius: 0; }
.formRadio.typeBtn.style2[data-length='2'] { width: calc(50% - 0rem); }
.formRadio.typeBtn.style2[data-length='3'] { width: calc(33% + .1rem); }
.formRadio.typeBtn.style2[data-length='4'] { width: 25%; }
.formRadio.typeBtn.style3 label { width: 100%; border-radius: 1rem; }
.formRadio.typeBtn.style3 label span { color: #fff; font-size: 1.3rem; text-align: center; display: block; }
.formRadio.typeBtn.style3 label:before { width: 100%; background: #666; border-radius: .5rem; border: 1px solid #666; height: 100%; top: 0; z-index: 0; transition: all 0s ease 0s; }
.formRadio.typeBtn.style3 + .formRadio.typeBtn.style3 { margin-left: .7rem; }
.formRadio.typeBtn.style3[data-length='1'] { width: 100%; }
.formRadio.typeBtn.style3[data-length='2'] { width: calc(50% - .5rem); }
.formRadio.typeBtn.style3[data-length='3'] { width: calc(33% - .6rem); }
.formRadio.typeBtn.style3[data-length='4'] { width: calc(25% - .8rem); }
@media screen and (max-width: 1200px) { .formRadio label { padding-top: .1rem; padding-left: 2.5rem; font-size: 1.4rem; }
.formRadio label:before { width: 2rem; height: 2rem; top: .2rem; }
.formRadio + .formRadio { margin-left: 2rem; }
.formRadio .formBetween { padding: 0 .5rem; }
.formRadio.typeBtn label { padding: .3rem 1rem; } }
.formSelect { display: inline-block; position: relative; }
[data-page-id='binzib_board_best'] .formSelect { display: inline-block; position: relative; width:100%;}
.formSelect label { font-size: 1.7rem; display: inline-block; position: relative; color: #666; margin-right: 1.5rem; vertical-align: middle; }
.formSelect select { position: relative; width: 15rem; font-family: inherit; font-size: inherit; padding: .6rem 2.5rem .7rem 1.2rem; border-radius: .6rem; border: 1px solid #ccc; background-image: url(../img/common/select_arrow.png); background-repeat: no-repeat; background-position: right 50%; background-size: 2.5rem .8rem; cursor: pointer; text-align: left; }
.formSelect select option { padding: 5rem; }
.formSelect select option:disabled { display: none; }
.formSelect select + select { margin-left: .5rem; }
.formSelect .label { font-size: 1.7rem; display: inline-block; position: relative; color: #666; vertical-align: middle; }
.formSelect .selectBtn { position: relative; width: 15rem; font-family: inherit; font-size: inherit; padding: .6rem 4.6rem .7rem 1.2rem; border-radius: .6rem; border: 1px solid #ccc; background-image: url(../img/common/select_arrow.png); background-repeat: no-repeat; background-position: right 50%; background-size: 2.5rem .8rem; cursor: pointer; text-align: left; }
.formSelect .select { display: none; position: absolute; min-width: 100%; left: 0; top: 100%; transform: translateY(-3rem); background: #fff; color: inherit; list-style-type: none; padding: 0; border-radius: 0; overflow: hidden; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); transition: .3s ease-in; white-space: nowrap; z-index: -999; }
.formSelect.active .select { display: block; max-height: 30rem; z-index: 9999; overflow-y: auto; border-radius: 0 0 .6rem .6rem; }
.formSelect .option a { display: block; text-align: left; border-bottom: 1px solid #ccc; padding: 1rem; background: #fff; transition: all 0.5s ease 0s; }
.formSelect .option a:hover { background: rgba(0, 0, 0, 0.1); color: #000; }
.formSelect .option a:last-child { border-bottom: 0 none; }
.formSelect .option.current a { color: #fff; background: #214b7e; }
.formSelect + .formSelect, .formSelect + .formRadio, .formSelect + .formCheckbox { margin-left: 4rem; }
.formSelect + .narrow { margin-left: .2rem; }
.formSelect.short select { width: 12rem; }
.formSelect .formBetween { display: inline-block; padding: 0 1rem; }
@media screen and (max-width: 1200px) {
.formSelect select + select { margin-left: .5rem; }
[data-page-id='binzib_board_best'] .formSelect select + select { margin-left: 0rem; }
.formSelect + .formSelect, .formSelect + .formRadio, .formSelect + .formCheckbox { margin-left: 2.5rem; }
.formSelect + .narrow { margin-left: .1rem; }
.formSelect .formBetween { display: inline-block; padding: 0 .5rem; } }
.unitTab > ul { position: relative; text-align: left; color: #000; }
.unitTab > ul:after { content: ''; position: absolute; width: 100%; height: 1px; background: #dcdcdc; top: 5rem; left: 0; }
.unitTab > ul > li { display: inline-block; }
.unitTab > ul > li + li { margin-left: 3rem; }
.unitTab > ul > li .menu { padding: 1.5rem 0; display: block; font-size: 2rem; }
.unitTab > ul > li .menu2 { padding: 1rem 0; display: block; font-size: 1.8rem; }
.unitTab > ul > li .contents { display: none; position: absolute; width: 100%; left: 0; top: 9rem; font-size: 1.6rem; color: #000; text-align: left; overflow: visible; }
.unitTab > ul > li .menu.current { color: #214b7e; font-weight: 700; position: relative; }
.unitTab > ul > li .menu2.current { color: #214b7e; font-weight: 700; position: relative; }
.unitTab > ul > li .menu.current:after { content: ''; display: block; background: #214b7e; width: 100%; height: .2rem; left: 0; bottom: 0px; position: absolute; z-index: 1; }
.unitTab > ul > li .menu.current + .contents { display: block; }
@media screen and (max-width: 1200px) {
.unitTab > ul:after { background: none; }
.unitTab > ul > li + li { margin-left: 0rem; }
}
.unitBtn { margin-top: 3rem; }
.unitBtn button, .unitBtn a { width: 100%; display: inline-block; text-align: center; font-size: 1.8rem; background: #214b7e; color: #fff; padding: 1rem 3rem; border-radius: 50rem; font-weight: 700; }
.unitBtn .white { background: #f6f6f6; color: #666; border: 1px solid #aaa; font-weight: 400; }
.unitBtn button > span, .unitBtn a > span { display: block; }
.unitBtn button + button, .unitBtn button + a, .unitBtn a + button, .uni532tBtn a + a { margin-top: 2rem; }
.unitBtn button.disabled, .unitBtn button:disabled, .unitBtn a.disabled { background-color: #eee; color: #666; cursor: default; }
.unitBtn.line { text-align: center; }
.unitBtn.line button, .unitBtn.line a { display: inline-block; width: auto; min-width: 12rem; }
.unitBtn.line button + button, .unitBtn.line button + a, .unitBtn.line a + button, .unitBtn.line a + a { margin-top: 0; margin-left: .5rem; vertical-align: middle; }
.unitBtn.xl button, .unitBtn.xl a { min-width: 18rem; font-size: 2rem; padding: 2rem 4rem; }
.unitBtn .notice { font-size: 1.6rem; color: #666; margin-bottom: 3rem; line-height: 1.4; }
@media screen and (max-width: 1200px) { .unitBtn .unitBtn { margin-top: 2rem; }
.unitBtn button, .unitBtn a { font-size: 1.5rem; padding: 1rem 2rem; }
.unitBtn button + button, .unitBtn button + a, .unitBtn a + button, .unitBtn a + a { margin-top: 1rem; }
.unitBtn.line button, .unitBtn.line a { min-width: 6rem; }
.unitBtn.line button + button, .unitBtn.line button + a, .unitBtn.line a + button, .unitBtn.line a + a { margin-left: .25rem; }
.unitBtn.xl button, .unitBtn.xl a { min-width: 16rem; font-size: 1.8rem; padding: 1rem 2rem; }
.unitBtn .notice { font-size: 1.6rem; color: #666; margin-bottom: 3rem; line-height: 1.4; } }
@media screen and (max-width: 1200px) { .unitBtn { margin-top: 4rem; }
.unitBtn button { font-size: 1.6rem; padding: 1.5rem 3rem; }
.unitBtn .notice { font-size: 1.5rem; } }
.unitTxtBtn { text-align: center; margin-top: 5rem; }
.btnTxt { display: inline-block; width: auto; font-size: 1.7rem; padding: 1rem 3.5rem; font-weight: 700; border: 1px solid #666; border-radius: .6rem; position: relative; background: #fff; transition: all 0.3s ease 0.1s; }
.btnTxt :disabled, .btnTxt.disabled { background-color: #eee; color: #666; cursor: default; }
.btnTxt + button, .btnTxt + a { margin-left: 1rem; vertical-align: middle; }
.btnTxt:not([class*=only]):focus, .btnTxt:not([class*=only]):hover { box-shadow: 0.3rem 0.5rem 1.5rem rgba(0, 0, 0, 0.1); }
.btnTxt[class*=link]:focus, .btnTxt[class*=link]:hover { box-shadow: none; }
.btnTxt.blue { background: #214b7e; color: #fff; border: 1px solid #214b7e; }
.topSchAreaGray.type1 .btnTxt.blue { margin-left: 10; }
.btnTxt.gray { background: #ababab; color: #fff; border: 1px solid #ababab; }
.btnTxt.lightBlue { background: #0084ff; color: #fff; border: 1px solid #0084ff; }
.btnTxt.skyBlue { background: #4f94e8; color: #fff; border: 1px solid #4f94e8; }
.btnTxt.khaki { background: #9a8c55; color: #fff; border: 1px solid #9a8c55; }
.btnTxt.darkGray { background: #666; color: #fff; border: 1px solid #666; }
.btnTxt.blue2 {background: #2f62a1; color: #fff; border: 1px solid #2f62a1; }
.btnTxt.xs { border-radius: .3rem; padding: .5rem 1rem; font-size: 1.3rem; font-weight: 400; }
.btnTxt.mid { border-radius: .5rem; padding: .7rem 1.3rem; font-size: 1.5rem; font-weight: 400; }
.btnTxt.mid2 { border-radius: .5rem; padding: 1rem 1.3rem; font-size: 1.5rem; font-weight: 400; }
.btnTxt.mid + .mid { margin-left: .5rem; }
.btnTxt.only { background: transparent; color: #000; border: none; padding: 0; }
.btnTxt.only.under:after { content: ''; display: block; position: absolute; left: 0; bottom: -.2rem; height: 1px; width: 100%; background: #797979; }
.btnTxt.only:hover:after { content: ''; display: block; position: absolute; left: 0; bottom: -.2rem; height: 1px; width: 100%; background: #214b7e; opacity: .5; }
.btnTxt.icon { position: relative; }
.btnTxt.icon span { vertical-align: middle; }
.btnTxt.icon i { vertical-align: middle; }
.btnTxt.icon span + i { margin-left: 1rem; vertical-align: middle; }
.btnTxt.icon i + span { margin-left: 1rem; vertical-align: middle; }
.btnTxt.icon.end { padding: 1rem 5rem 1rem 1.5rem; }
.btnTxt.icon.end span { display: block; }
.btnTxt.icon.end i { position: absolute; right: 1.5rem; position: absolute; top: 50%; transform: translateY(-50%); }
.btnTxt.link { background: transparent; color: #214b7e; border: none; padding: 0; cursor: pointer; }
.btnTxt.link i { margin-right: .5rem; margin-left: 0; }
.btnTxt.link i + span { margin-left: 0; }
.btnTxt.link:hover:after { content: ''; display: block; position: absolute; left: 2.5rem; bottom: -.2rem; height: 1px; width: calc(100% - 2.2rem); background: #214b7e; opacity: .5; }
.btnTxt.schFile { background: #666; color: #fff; padding: 1rem 2rem; }
.btnTxt.schFile span { display: inline-block; width: 10rem; text-align: left; }
.btnTxt.typeArrow i { position: absolute; right: 1rem; top: 1.4rem; }
.btnTxt.typeArrow2 i { position: absolute; left: 1rem; top: 1.4rem; }
.btnTxt.typeArrow + [class*='typeArrow'] { margin-left: 0; margin-top: 2rem; }
.btnTxt.thin { font-weight: 400; }
.btnTxt.full { width: 100%; }
.ell { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.unitList li { line-height: 1.4; }
.unitList li + li { margin-top: .5rem; }
.unitList li ul { margin-top: 1rem; font-size: 1.5rem; }
.unitList li ul ul { margin-top: .5rem; }
.unitList li ul li + li { margin-top: .5rem; }
.unitList.num { counter-reset: list-number; }
.unitList.num > li { padding-left: 2rem; position: relative; }
.unitList.num > li:before { content: counter(list-number) "."; counter-increment: list-number; position: absolute; margin-left: -2rem; }
.unitList.num.type2 > li { padding-left: 2.5rem; }
.unitList.num.type2 > li:before { margin-left: -2.5rem; width: 2.2rem; text-align: right; }
.unitList.num.round > li { padding-left: 2.5rem; }
.unitList.num.round > li:before { content: counter(list-number); top: .1rem; margin-left: -2.5rem; }
.unitList.num.round > li:before { display: block; width: 2rem; height: 2rem; text-align: center; font-size: 1.3rem; border: 1px solid #666; border-radius: 50%; }
.unitList.star > li { padding-left: 1.5rem; position: relative; }
.unitList.star > li:before { content: '*'; position: absolute; margin-left: -1.5rem; }
.unitList.dot > li { padding-left: 1rem; position: relative; }
.unitList.dot > li:before { content: ''; margin-left: -1rem; width: .5rem; height: .5rem; background: #666; display: block; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); }
.unitList.dot > li.top:before, .unitList.top > li:before {top:1rem!important }
.unitList.ref > li { padding-left: 1rem; position: relative; font-size: 1.5rem; color: #797979; }
.unitList.ref > li:before { content: '*'; position: absolute; margin-left: -1rem; color: #e73337; }
.unitList.ref > li + li { padding-left: 2rem; }
.unitList.ref > li + li:before { content: '**'; margin-left: -2rem; }
.unitList.dash > li { padding-left: 1.5rem; position: relative; }
.unitList.dash > li:before { content: '-'; position: absolute; margin-left: -1.5rem; }
.unitList.dash.type2 > li:before { color: transparent; }
.unitList.bili > li { padding-left: 2rem; position: relative; }
.unitList.bili > li:before { content: '※'; position: absolute; margin-left: -2rem; position: absolute; top: 50%; transform: translateY(-50%); }
.unitList.han > li { padding-left: 2.5rem; position: relative; }
.unitList.han > li:before { content: ''; position: absolute; margin-left: -2rem; }
.unitList.han > li:nth-child(1):before { content: '가.'; }
.unitList.han > li:nth-child(2):before { content: '나.'; }
.unitList.han > li:nth-child(3):before { content: '다.'; }
.unitList.han > li:nth-child(4):before { content: '라.'; }
.unitList.han > li:nth-child(5):before { content: '마.'; }
.unitList.han > li:nth-child(6):before { content: '바.'; }
.unitList.han > li:nth-child(7):before { content: '사.'; }
.unitList.han > li:nth-child(8):before { content: '아.'; }
.unitList.han > li:nth-child(9):before { content: '자.'; }
.unitList.han > li:nth-child(10):before { content: '차.'; }
.unitList.han > li:nth-child(11):before { content: '카.'; }
.unitList.han > li:nth-child(12):before { content: '타.'; }
.unitList.han > li:nth-child(13):before { content: '파.'; }
.unitList.han > li:nth-child(14):before { content: '하.'; }
.unitList.half > li { display: inline-block; width: calc(50% - 1.2rem); vertical-align: top; margin-top: 3rem; }
.unitList.half > li:nth-child(1), .unitList.half > li:nth-child(2) { margin-top: 0; }
.unitList.half > li:nth-child(2n) { margin-left: 2rem; }
.unitList.half > li .formText { vertical-align: top; margin-top: 0; width: 100%; }
.unitList.half > li .formText input { min-width: auto; width: 100%; }
.unitList.line > li { display: inline-block; }
.unitList.line > li + li { margin-left: 2.4rem; margin-top: 0; }
.unitList + .unitList { margin-top: 1rem; }
@media screen and (max-width: 1200px) { .unitList li { line-height: 1.4; }
.unitList li + li { margin-top: .5rem; }
.unitList li ul { margin-top: 1rem; font-size: 1.3rem; }
.unitList li ul ul { margin-top: .5rem; }
.unitList li ul li + li { margin-top: .5rem; }
.unitList.num { counter-reset: list-number; }
.unitList.num > li { padding-left: 2rem; position: relative; }
.unitList.num > li:before { content: counter(list-number) "."; counter-increment: list-number; position: absolute; margin-left: -2rem; }
.unitList.num.type2 > li { padding-left: 2.5rem; }
.unitList.num.type2 > li:before { margin-left: -2.5rem; width: 2.2rem; text-align: right; }
.unitList.num.round > li { padding-left: 2.5rem; }
.unitList.num.round > li:before { content: counter(list-number); top: .1rem; margin-left: -2.5rem; }
.unitList.num.round > li:before { display: block; width: 2rem; height: 2rem; text-align: center; font-size: 1.3rem; border: 1px solid #666; border-radius: 50%; }
.unitList.star > li { padding-left: 1.5rem; position: relative; }
.unitList.star > li:before { content: '*'; position: absolute; margin-left: -1.5rem; }
.unitList.dot > li { padding-left: 1rem; position: relative; }
.unitList.dot > li:before { content: ''; margin-left: -1rem; width: .4rem; height: .4rem; background: #666; display: block; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); }
.unitList.ref > li { padding-left: 1rem; position: relative; font-size: 1.5rem; color: #797979; }
.unitList.ref > li:before { content: '*'; position: absolute; margin-left: -1rem; color: #e73337; }
.unitList.ref > li + li { padding-left: 2rem; }
.unitList.ref > li + li:before { content: '**'; margin-left: -2rem; }
.unitList.dash > li { padding-left: 1.5rem; position: relative; }
.unitList.dash > li:before { content: '-'; position: absolute; margin-left: -1.5rem; }
.unitList.dash.type2 > li:before { color: transparent; }
.unitList.bili > li { padding-left: 2rem; position: relative; }
.unitList.bili > li:before { content: '※'; position: absolute; margin-left: -2rem; position: absolute; top: 50%; transform: translateY(-50%); }
.unitList.han > li { padding-left: 2.5rem; position: relative; }
.unitList.han > li:before { content: ''; position: absolute; margin-left: -2rem; }
.unitList.han > li:nth-child(1):before { content: '가.'; }
.unitList.han > li:nth-child(2):before { content: '나.'; }
.unitList.han > li:nth-child(3):before { content: '다.'; }
.unitList.han > li:nth-child(4):before { content: '라.'; }
.unitList.han > li:nth-child(5):before { content: '마.'; }
.unitList.han > li:nth-child(6):before { content: '바.'; }
.unitList.han > li:nth-child(7):before { content: '사.'; }
.unitList.han > li:nth-child(8):before { content: '아.'; }
.unitList.han > li:nth-child(9):before { content: '자.'; }
.unitList.han > li:nth-child(10):before { content: '차.'; }
.unitList.han > li:nth-child(11):before { content: '카.'; }
.unitList.han > li:nth-child(12):before { content: '타.'; }
.unitList.han > li:nth-child(13):before { content: '파.'; }
.unitList.han > li:nth-child(14):before { content: '하.'; }
.unitList.half > li { display: inline-block; width: calc(50% - 1.2rem); vertical-align: top; margin-top: 3rem; }
.unitList.half > li:nth-child(1), .unitList.half > li:nth-child(2) { margin-top: 0; }
.unitList.half > li:nth-child(2n) { margin-left: 2rem; }
.unitList.half > li .formText { vertical-align: top; margin-top: 0; width: 100%; }
.unitList.half > li .formText input { min-width: auto; width: 100%; }
.unitList.line > li { display: inline-block; }
.unitList.line > li + li { margin-left: 2.4rem; margin-top: 0; }
.unitList + .unitList { margin-top: 1rem; } }
.unitFaq + .unitFaq {margin-top:-1px}
.unitFaq { border-radius: 0rem; border: 1px solid #ccc; }
.unitFaq dt { background: #f8f9f9; padding: 3rem 3rem 3rem 8rem; line-height: 1.4; position: relative; }
.unitFaq dt button {text-align: left;}
.unitFaq dt:before { content: 'Q'; font-size: 2.2rem; font-weight: bold; position: absolute; color: #Fff; left: 3.2rem; top: 2.4rem; z-index:2 }
.unitFaq dt:after { content: ''; position: absolute; background:var(--color-blue2); width:3rem; height:3rem; left: 2.5rem; top: 2.5rem; border-radius:50%}
.unitFaq dt .tag { font-size: 1.5rem; color: #fff; background: #666; border-radius: .5rem; display: inline-block; padding: .5rem 1rem; margin-right: 1rem; }
.unitFaq dt .tit { font-size: 1.7rem; }
.unitFaq dt + dd { border-top: 1px solid #eee; }
.unitFaq dd { display: none; padding: 3rem 3rem 3rem 8rem; line-height: 1.4; position: relative; text-align: right; }
.unitFaq dd .cont { text-align: left; }
.unitFaq dd button { margin-top: 2rem; }
.unitFaq dd button.black { color: #000; }
.unitFaq dd:before { content: 'A'; font-size: 2.2rem; font-weight: bold; position: absolute; color: #Fff; left: 3.3rem; top: 2.4rem; z-index:2 }
.unitFaq dd:after { content: ''; position: absolute; background:var(--color-reb2); width:3rem; height:3rem; left: 2.5rem; top: 2.5rem; border-radius:50%}
.unitFaq dd + dt { border-top: 1px solid #eee; }
.unitTable { font-size: 1.5rem; border-radius: 1rem; border: 1px solid #ddd; overflow-x: auto; }
.unitTable table { min-width: 100rem; }
.unitTable table thead tr th { padding: 1rem; color: #fff; background: #214b7e; vertical-align: middle; line-height: 1.4; word-break: keep-all; word-wrap: break-word; }
.unitTable table thead tr + tr { border-top: 1px solid #5583bc; }
.unitTable table thead tr th + th { border-left: 1px solid #5583bc; }
.unitTable table thead tr:not(first-child) th { border-left: 1px solid #5583bc; }
.unitTable table tbody tr + tr { border-top: 1px solid #ddd; }
.unitTable table tbody tr:hover { background: #f9f9f9; }
.unitTable table tbody tr td { padding: 1rem; color: #000; vertical-align: middle; line-height: 1.4; text-align: center; }
.unitTable table tbody tr td:not(:last-child) { border-right: 1px solid #ddd; }
.unitTable table tbody tr td + td { border-left: 1px solid #ddd; }
.unitTable table tbody tr td.noData { text-align: center !important; }
.unitTable table tbody tr td.gray { background: #eee; }
.unitTable.typeLeft tr td { text-align: left; }
.unitTable.typeRight tr td { text-align: right; }
.unitTable.typeRow { border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0; }
.unitTable.typeRow tr:hover, .unitTable.typeRow tr:focus { background: none; }
.unitTable.typeRow tr + tr { border-top: 1px solid #ccc; }
.unitTable.typeRow tr th { color: #000; background: transparent; position: relative; line-height: 1.4; border-bottom: none; text-align: left; padding: 2rem 0; font-size: 1.7rem; height: 8rem; vertical-align: middle; }
.unitTable.typeRow tr td { text-align: left; padding: 2rem 0; border-left: none; height: 8rem; }
.unitTable.typeRow tr td + td { border-top: none; }
.unitTable.typeRow tr th span { position: relative; }
.unitTable.typeRow tr th.required span:before { content: ''; width: 1rem; height: 1rem; display: block; position: absolute; right: -1.5rem; background: url("../img/common/required.png") center center no-repeat; }
.unitTable.typeRow tr:not(sub) + tr.sub { border-top: none; }
.unitTable.typeRow tr:not(sub) + tr.sub td { border-top: none; padding: 0 0 2rem; }
.unitTable.typeRow tr td .formText:first-child label { width: 10rem; }
.unitTable.typeRow tr td .formSelect:first-child label { width: 10rem; }
.unitTable.typeRow tr td .tit { font-size: 1.7rem; color: #666; min-width: 10rem; margin-right: 2rem; display: inline-block; }
.unitTable.typeRow tr td .tit.required span { position: relative; }
.unitTable.typeRow tr td .tit.required span:before { content: ''; width: 1rem; height: 1rem; display: block; position: absolute; right: -1.5rem; background: url("../img/common/required.png") center center no-repeat; }
.unitTable.typeRow tr td div[class^=form] + .tit { margin-left: 4rem; min-width: auto; }
.unitTable .formTxt { height: 4rem; line-height: 4rem; display: inline-block; margin-left: 1rem; font-size: 1.7rem; vertical-align: middle; }
.unitTable .formTxt + .formText { margin-left: 4rem; }
.unitTable .formTxt + .formSelect { margin-left: 4rem; }
.unitTable .formText + .formSelect { margin-left: 4rem; }
@media screen and (max-width: 1200px) { .unitTable .unitTable { font-size: 1.3rem; }
/* .unitTable table thead tr th { padding: .5rem; font-weight: normal; font-size: 1.3rem; }
.unitTable table tbody tr td { padding: .5rem; font-size: 1.3rem; } */
.unitTable.mobileFix table { min-width: 100%; }
.unitTable.typeRow table { min-width: 100%; }
.unitTable.typeRow tr th { padding: 1rem 0; font-size: 1.4rem; height: auto; }
.unitTable.typeRow tr td { padding: 1rem 0; height: auto; }
.unitTable.typeRow tr:not(sub) + tr.sub td { padding: 0 0 1rem; }
.unitTable.typeRow tr td .formText:first-child label { width: auto; }
.unitTable.typeRow tr td .formSelect:first-child label { width: auto; }
.unitTable.typeRow tr td .tit { font-size: 1.4rem; min-width: 12rem; margin-right: 0; margin-bottom: .5rem; display: block; }
.unitTable.typeRow tr td div[class^=form] + .tit { margin-left: 0; margin-top: 1rem; min-width: auto; }
.unitTable .formTxt { height: .1rem; line-height: 1; margin-left: 0; font-size: .1rem; opacity: 0; display: block; }
.unitTable .formTxt + .formText { margin-left: 0; margin-top: .5rem; }
.unitTable .formTxt + .formSelect { margin-left: 0; margin-top: .5rem; }
.unitTable .formText + .formSelect { margin-left: 0; margin-top: .5rem; }
.unitTable.typeRow .formText { display: block; }
.unitTable.typeRow .formText label { font-size: 1.4rem; margin-right: 0; min-width: 100%; margin-bottom: .5rem; }
.unitTable.typeRow .formText label.ir { display: none; }
.unitTable.typeRow .formText input { width: 100%; padding: .4rem 3rem .4rem 1rem; font-size: 1.4rem; height: auto; }
.unitTable.typeRow .formText textarea { padding: .5rem 1rem; font-size: 1.4rem; height: 5rem; }
.unitTable.typeRow .formText .btn-clear { right: .5rem; bottom: .5rem; }
.unitTable.typeRow .formText .btn-search { position: absolute; right: 1rem; bottom: .5rem; }
.unitTable.typeRow .formText .ui-datepicker-trigger { position: absolute; right: 1rem; bottom: .5rem; }
.unitTable.typeRow .formText .btn-clear:focus, .unitTable.typeRow .formText input:focus + .btn-clear { opacity: 1; }
.unitTable.typeRow .formText input:read-only + .btn-clear, .unitTable.typeRow .formText input:disabled + .btn-clear, .unitTable.typeRow .formText input:disabled + .ui-datepicker-trigger { display: none; }
.unitTable.typeRow .formText input:focus { color: inherit; border-color: #000; }
.unitTable.typeRow .formText input:hover { color: inherit; }
.unitTable.typeRow .formText + .formText { margin-left: 0; margin-top: 1rem; }
.unitTable.typeRow .formText.line { display: block; width: 100%; }
.unitTable.typeRow .formText.line + .formText { margin-top: 1rem; }
.unitTable.typeRow .formText.line + .formText + .formText { margin-top: 1rem; }
.unitTable.typeRow .formText.wide input { width: 100%; }
.unitTable.typeRow .formText.short input { width: 100%; }
.unitTable.typeRow .formText.short2 input { width: 100%; }
.unitTable.typeRow .formText.tiny input { width: 100%; }
.unitTable.typeRow .formText.mid input { width: 100%; }
.unitTable.typeRow .formText.adress { width: calc(100% - 8rem); position: relative; }
.unitTable.typeRow .formText.adress input { width: 100%; }
.unitTable.typeRow .formText.adress + span { position: absolute; right: 1.5rem; margin-top: -3.5rem; }
.unitTable.typeRow .formText.adress + span button { background: #666; color: #fff; border: none; height: 3rem; margin-left: 0; padding: .5rem 1rem; margin-top: .5rem; }
.unitTable.typeRow .formText.adress2 { width: calc(100% - 3.5rem); position: relative; }
.unitTable.typeRow .formText.adress2 input { width: 100%; margin-left: 0; margin-top: 1rem; }
.unitTable.typeRow .formText.adress2 + span { position: absolute; right: 1.5rem; margin-top: -4rem; }
.unitTable.typeRow .formText.adress2 + span button { margin-left: 1rem; margin-top: 1rem; }
.unitTable.typeRow .formText.textarea { width: 100%; }
.unitTable.typeRow .formText.textarea textarea { width: 100%; }
.unitTable.typeRow .formText .formBetween { display: inline-block; padding: 0 1rem; }
.unitTable.typeRow .formText.required label span { position: relative; display: inline-block; margin-right: 1.5rem; }
.unitTable.typeRow .formText.required label span:before { content: ''; width: 1rem; height: 1rem; display: block; position: absolute; right: -1.5rem; background: url("../img/common/required.png") center center no-repeat; }
.unitTable.typeRow .sub .formCheckbox { width: calc(50% - 1rem); vertical-align: top; margin: .2rem 0; }
.unitTable.typeRow .sub .formCheckbox + .formCheckbox { margin-left: 0; }
.unitTable.typeRow .formSelect { display: block; }
.unitTable.typeRow .formSelect + .formSelect { margin-left: 0; margin-top: 1rem; }
.unitTable.typeRow .formSelect label { font-size: 1.4rem; margin-right: 0; min-width: 100%; margin-bottom: .5rem; }
.unitTable.typeRow .formSelect select { width: 100%; }
.unitTable.typeRow .formSelect select + select { margin-left: 0; margin-top: .5rem; } }
.unitTootip { display: inline-block; margin-left: .5rem; vertical-align: 0; }
.unitTootip .tooltipTit { vertical-align: 0; }
.unitTootip .tooltipCont { display: none; position: absolute; margin-top: 2.3rem; margin-left: -2rem; min-width: 33rem; max-width: 40rem; background: #d8e5f6; border: 0.2rem solid #214b7e; padding: 2.6rem; font-weight: normal; font-size: 1.3rem; color: #666; text-align: left; border-radius: 1rem; z-index: 1; line-height: 1.4; }
.unitTootip .tooltipCont .tit { font-size: 1.5rem; color: #214b7e; margin-bottom: 2rem; display: block; font-weight: bold; }
.unitTootip .tooltipCont.type2 { background: #fff; margin-top: 2.5rem; box-shadow: 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1); }
.unitTootip .tooltipCont.type3 { background: #4f94e8; margin-top: 2.5rem; border: none; color: #fff; box-shadow: 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1); }
.unitTootip .tooltipCont.type3 .tit { color: #fff; }
@media screen and (max-width: 1200px) { .unitTootip { margin-left: .25rem; }
.unitTootip .tooltipCont { margin-top: 2rem; margin-left: 0; left: 1.5rem; min-width: calc(100% - 3rem); max-width: calc(100% - 3rem); border: 1px solid #214b7e; padding: 1.3rem; font-size: 1.2rem; border-radius: .5rem; }
.unitTootip .tooltipCont .tit { font-size: 1.3rem; margin-bottom: 1rem; } }
.secPop { display: none; position: fixed; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100vh; z-index: 99999; top: 0; left: 0; }
.secPop .wrapper { max-width: 120rem; width: calc(120% - 10rem); max-height: calc(100%); margin: auto; background: #fff; padding: 2rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: auto; border-radius: 1rem; border: 0.2rem solid #1d5fb0; } /*BIS-438*/
.secPop .wrapper .btn-close { position: absolute; right: 2rem; top: 2rem; z-index: 1; }
.secPop .wrapper h2 { font-size: 2rem; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px dotted #ccc; }
.secPop.xs .wrapper { width: auto; min-width: 47rem; }
.secPop.xs .wrapper .contents.msg { text-align: center; padding: 3.5rem; min-width: inherit;}
.secPop.xs .wrapper .contents.msg > i[class*='icon-'] { margin-bottom: 2rem; }
.secPop.xs .wrapper .contents.msg .txt { font-size: 1.7rem; line-height: 1.6; }
.secPop.xs .wrapper .contents.msg .txt strong { color: #f40084; }
.secPop.xs .wrapper .contents.msg .btnArea { margin: 5rem -3.5rem -3.5rem -3.5rem; }
.secPop.xs .wrapper .contents.msg .btnArea button { line-height: 1.4; font-size: 1.5rem; width: calc(50% - 1rem); display: inline-block; padding: .5rem 1rem; }
.secPop.xs .wrapper .contents.msg .btnArea button i { vertical-align: 0; margin-left: .5rem; }
.secPop.xs .wrapper .contents.msg .tit { margin-bottom: 4rem; font-size: 1.5rem; }
.secPop.xs .wrapper .contents.msg .msg { font-size: 1.7rem; line-height: 1.4; margin-bottom: 6rem; }
.secPop.xs .wrapper .contents.msg .msg em { color: #1d5fb0; }
.secPop.xs .wrapper .contents.msg .msg small { margin-top: 4rem; font-size: 1.4rem; display: block; color: #666; }
.secPop.xs.typeConfirm .wrapper, .secPop.xs.typeAlert .wrapper, .secPop.xs.loading .wrapper { min-width: 32rem; padding: 1.3rem; }
.secPop.xs.typeConfirm .wrapper .contents.msg .btnArea button, .secPop.xs.typeAlert .wrapper .contents.msg .btnArea button, .secPop.xs.loading .wrapper .contents.msg .btnArea button { font-size: 1.7rem; }
.secPop.xs.typeAlert .wrapper .contents.msg .btnArea button { width: 100%; }
.secPop.xs.loading .wrapper .icon-loading { animation: rotate_image 1s linear infinite; transform-origin: 50% 50%; }
.secPop.roadView { background: #fff; }
.secPop.roadView .wrapper { top: 2rem; left: 2rem; transform: none; width: calc(100% - 4rem); height: calc(100% - 4rem); max-width: none; max-height: none; overflow: hidden; padding: 0; border: 1px solid #eee; }
@keyframes rotate_image { 100% { transform: rotate(360deg); } }
@media screen and (max-width: 1200px) { .secPop .wrapper { max-width: calc(100% - 2rem); width: 100%; max-height: calc(100% - 2rem); padding: 2rem; }
.secPop .wrapper .btn-close { position: absolute; right: 2rem; top: 2rem; transform: scale(0.6); }
.secPop.xs .wrapper { width: 100%; max-width: calc(100% - 2rem); min-width: auto; }
.secPop.xs .wrapper .contents.msg { padding: 2rem; }
.secPop.xs .wrapper .contents.msg .msg small { margin-top: 2rem; font-size: 1.2rem; }
.secPop.xs .wrapper .contents.msg > i[class*='icon-'] { margin-bottom: 1rem; }
.secPop.xs .wrapper .contents.msg .txt { font-size: 1.5rem; }
.secPop.xs .wrapper .contents.msg .btnArea { margin: 2.5rem -2rem -2rem -2rem; }
.secPop.xs .wrapper .contents.msg .btnArea button { font-size: 1.3rem; }
.secPop.roadView .wrapper { top: 1.5rem; left: 1.5rem; width: calc(100% - 3rem); height: calc(100% - 3rem); }
.secPop.roadView .wrapper .btn-close { top: 1rem; right: 1rem; } }
hr { height: 10rem; border: none; }
hr.line { height: 1px; background: #eee; padding: 1rem; }
hr.trans { background: none; }
hr.trans.type2 { height: 1rem; }
@media screen and (max-width: 1200px) { hr { height: 5rem; }
hr.trans.type2 { height: 1rem; } }
.al-l { text-align: left !important; }
.al-r { text-align: right !important; }
.al-c { text-align: center !important; }
.hide { display:none !important; }
.swiper-pagination-bullet { background: #fff !important; transition: all 0.3s ease 0.1s; }
.swiper-pagination-bullet-active { width: 3rem !important; border-radius: 5rem !important; }
i[class*='icon-'] { overflow: hidden; display: inline-block; white-space: nowrap; text-indent: 300%; box-sizing: content-box; vertical-align: top; }
.ui-widget-header { border: none; background: #fff; }
.ui-datepicker-calendar > thead > tr > th { font-size: inherit !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 1rem 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: none; background-color: transparent; font-weight: normal; text-align: center; padding: .6rem 0; border-radius: 3rem; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #214b7e !important; color: #fff !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #f1f1f1 !important; color: #000 !important; }
.inp { padding: 1rem; background-color: #f1f1f1; border-radius: .4rem; border: 0; }
.ui-datepicker .ui-datepicker-title { margin: 0; line-height: 1.4; text-align: center; font-size: inherit; padding: 0; font-weight: bold; }
.ui-datepicker { display: none; background-color: #fff; border-radius: .4rem; margin-top: 1rem; margin-left: 0; margin-right: 0; padding: 2rem 2rem 1rem; width: 30rem; box-shadow: 1rem 1rem 4rem rgba(0, 0, 0, 0.1); }
.ui-widget.ui-widget-content { border: 1px solid #eee; }
.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
.ui-datepicker-next { float: right; }
.ui-state-disabled { cursor: auto; color: #cccccc; }
.ui-datepicker-title { text-align: center; padding: 1rem; font-size: inherit; }
.ui-datepicker-calendar { width: 100%; }
.ui-datepicker-calendar > thead > tr > th { padding: .5rem; font-size: inherit; font-weight: normal; }
.ui-datepicker-calendar > tbody > tr > td > a { color: #000; font-size: inherit !important; font-weight: normal !important; text-decoration: none; }
.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover { cursor: auto; background-color: #fff; }
.ui-datepicker-calendar > tbody > tr > td { border-radius: 100%; width: 4.4rem; height: 3rem; cursor: pointer; padding: .5rem; text-align: center; font-size: inherit; }
.ui-datepicker-calendar > tbody > tr > td:hover { background-color: transparent; opacity: .6; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: none; background-color: transparent; font-weight: normal; color: #000; }
.ui-datepicker .ui-datepicker-prev span { background: url("../img/common/cal_arrow_left.png") no-repeat center left; }
.ui-datepicker .ui-datepicker-next span { background: url("../img/common/cal_arrow_right.png") no-repeat center right; }
.ui-datepicker-calendar > tbody > tr > td:first-child a { color: #e73337; }
.ui-datepicker-calendar > tbody > tr > td:last-child a { color: #214b7e; }
.ui-datepicker-calendar > thead > tr > th:first-child { color: #e73337; }
.ui-datepicker-calendar > thead > tr > th:last-child { color: #214b7e; }
.ui-datepicker-year + .ui-datepicker-month { margin-left: .5rem; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .5; }
main.wrapper[data-page="error"] { background: #fff; height: 100vh; text-align: center; color: #000; line-height: 1.4; }
main.wrapper[data-page="error"] .secError:before { content: attr(data-error-type); position: absolute; color: #214b7e; opacity: .1; font-family: Impact; font-weight: normal; font-size: 30rem; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); letter-spacing: -1rem; }
main.wrapper[data-page="error"] a { height: 100vh; display: block; }
main.wrapper[data-page="error"] a .cont { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
main.wrapper[data-page="error"] a .cont .tit { font-size: 5rem; font-weight: 700; position: relative; color: #214b7e; }
main.wrapper[data-page="error"] a .cont p { margin-top: 6rem; font-weight: 400; color: #797979; }
main.wrapper[data-page="error"] a .cont p strong { color: #000; }
@media screen and (max-width: 1200px) { main.wrapper[data-page="error"] a .cont { padding: 2rem; }
main.wrapper[data-page="error"] a .cont .tit { font-size: 3rem; }
main.wrapper[data-page="error"] a .cont p { margin-top: 3rem; }
main.wrapper[data-page="error"] a .cont p strong { color: #000; } }
header { height: 16.3rem; position: relative; }
header .mobileMenu { display: none; }
@media screen and (max-width: 1200px) { header .mobileMenu { display: block; position: relative; }
header .mobileMenu .btnAllMenu { width: 1.5rem; position: absolute; right: 0; }
header .mobileMenu .btnAllMenu.open:after { content: ''; position: fixed; z-index: 9; width: 1.3rem; height: 1.3rem; background: url("../img/common/nav_ham_close.png") center center no-repeat; background-size: contain; right: 26rem; cursor: pointer; } }
header nav { max-width: 120rem; margin: auto; position: relative; z-index: 98; }
header nav { max-width: 136rem; margin: auto; position: relative; z-index: 98; }
header nav .left { width: 50%; height: 9.4rem; }
header nav .left a { display: block; padding-top: 3rem; }
header nav .right { width: 50%; text-align: right; top: 3.5rem; position: absolute; right: 0; }
header nav .right .topText { font-size: 1.4rem; display: inline-block; position: relative; vertical-align: middle; }
header nav .right .topText + .topText { margin-left: 5rem; }
@media screen and (max-width: 1200px) { header {/* height: auto; margin: 1.5rem 0; */ }
header nav { max-width: 100%; }
header nav .left { width: 18rem; height: auto; }
header nav .left a { display: block; padding-top: 0; }
header nav .left a img { width: 14rem; }
header nav .right { display: none; position: fixed; z-index: 9; top: 0; width: 25rem; text-align: left; padding: 2rem; border-bottom: 1px solid #eee; }
header nav .right .topText { font-size: 1.3rem; color: #000; }
header nav .right .topText + .topText { margin-left: 2rem; } }
header nav #menu { background: #fff; position: relative; }
header nav #menu:before { content: ''; width: 100%; height: 100%; position: absolute; display: block; background: #fff; left: -100%; top: 0; border-bottom: 1px solid #eee; }
header nav #menu:after { content: ''; width: 100%; height: 100%; position: absolute; display: block; background: #fff; right: -100%; top: 0; border-bottom: 1px solid #eee; }
header nav #menu ul.dep01 { text-align: center; position: relative; }
header nav #menu ul.dep01:after { content: ''; display: table; clear: both; }
header nav #menu ul.dep01 > li { float: left; display: inline-block; width: 20%; font-size: 1.8rem; color: #000; font-weight: 400; position: relative; border-bottom: 1px solid #eee; transition: all 0.3s ease 0.1s; }
header nav #menu ul.dep01 > li + li:before { content: ''; position: absolute; display: block; width: 1px; height: 100%; background: #eee; }
header nav #menu ul.dep01 > li + li ul.dep02 { border-left: 1px solid #eee; transition: border 0.3s ease 0.1s; }
header nav #menu ul.dep01 > li > a { display: block; padding: 2.4rem 0; position: relative; transition: all 0.2s ease 0s; }
header nav #menu ul.dep01 > li > a:after { content: ''; position: absolute; width: 100%; height: .3rem; display: block; background: transparent; left: 0; bottom: -.3rem; border-radius: 5rem; }
header nav #menu ul.dep01 > li > a.current { color: #214b7e; font-weight: 700; font-size: 2.2rem; margin-top: -.4rem; }
header nav #menu ul.dep01 > li > a.current:after { background: #214b7e; }
header nav #menu ul.dep01 > li > a:hover, header nav #menu ul.dep01 > li > a:focus { color: #214b7e; font-weight: 700; }
header nav #menu ul.dep02 { display: none; position: absolute; width: 100%; height: 42rem; background: transparent; border: 1px solid transparent; transition: border 0.1s ease 0.1s; }
header nav #menu ul.dep02 > li { display: block; font-size: 1.6rem; color: #000; font-weight: normal; position: relative; }
header nav #menu ul.dep02 > li > a { display: block; padding: 1rem 2rem; position: relative; }
header nav #menu ul.dep02 > li > a:hover, header nav #menu ul.dep02 > li > a:focus { color: #214b7e; font-weight: 700; }
header nav #menu ul.dep01 > li > a + ul.dep02:before { content: ''; position: relative; display: block; width: 6.4rem; height: 6.4rem; border-radius: 50%; margin: 3rem auto; background-repeat: no-repeat; background-position: center center; }
header nav #menu ul.dep01 > li > a + ul.dep02:after { content: ''; position: absolute; background: #e4f2ff; height: 6.6rem; width: 100%; top: -6.6rem; left: 0; border-radius: 0; z-index: -1; transition: all 0.2s ease 0s; }
header nav #menu ul.dep01 > li[data-gnb='platform'] > a + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_01.png"); }
header nav #menu ul.dep01 > li[data-gnb='platform'] > a.current + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_01_on.png"); }
header nav #menu ul.dep01 > li[data-gnb='statistic'] > a + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_02.png"); }
header nav #menu ul.dep01 > li[data-gnb='statistic'] > a.current + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_02_on.png"); }
header nav #menu ul.dep01 > li[data-gnb='support'] > a + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_03.png"); }
header nav #menu ul.dep01 > li[data-gnb='support'] > a.current + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_03_on.png"); }
header nav #menu ul.dep01 > li[data-gnb='information'] > a + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_04.png"); }
header nav #menu ul.dep01 > li[data-gnb='information'] > a.current + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_04_on.png"); }
header nav #menu ul.dep01 > li[data-gnb='notice'] > a + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_05.png"); }
header nav #menu ul.dep01 > li[data-gnb='notice'] > a.current + ul.dep02:before { background-image: url("../img/common/gnb_top_icon_05_on.png"); }
header nav #menu ul.dep01 > li > a.current { z-index: 1; }
header nav #menu ul.dep01 > li > a.current + ul.dep02 { background: #e4f2ff; }
header nav #menu ul.dep01 > li > a.current + ul.dep02:after { content: ''; position: absolute; background: #e4f2ff; height: 8.5rem; width: calc(100% + 1px); top: -8.5rem; left: 0; border-radius: 1rem 1rem 0 0; z-index: 0; }
@media screen and (max-width: 1200px) { header nav #menu { display: none; width: 100%; height: 100%; position: fixed; top: 0; right: 0; text-align: right; background: rgba(0, 0, 0, 0.4); overflow-y: auto; overflow-x: hidden; padding-top: 5.5rem; }
header nav #menu:before { content: ''; width: 25rem; height: 100%; position: fixed; display: block; background: #fff; left: auto; top: 0; right: 0; }
header nav #menu:after { content: ''; }
header nav #menu ul.dep01 { width: 25rem; height: 100%; display: inline-block; }
header nav #menu ul.dep01:before { display: none; }
header nav #menu ul.dep01 > li { float: none; display: block; width: 100%; font-size: 1.7rem; text-align: left; border-bottom: none; }
header nav #menu ul.dep01 > li + li { margin-top: 0; }
header nav #menu ul.dep01 > li + li ul.dep02 { border: none; transition: border 0.3s ease 0.1s; }
header nav #menu ul.dep01 > li > a { display: block; padding: 3rem 0 1.2rem 7.5rem; position: relative; }
header nav #menu ul.dep01 > li > a:before { display: none; }
header nav #menu ul.dep01 > li > a:after { display: none; }
header nav #menu ul.dep01 > li > a.current { color: #214b7e; font-weight: 700; background: #e4f2ff; font-size: 2rem; margin-top: -.2rem; }
header nav #menu ul.dep01 > li > a.current:after { display: none; }
header nav #menu ul.dep01 > li > a:hover, header nav #menu ul.dep01 > li > a:focus { color: #214b7e; font-weight: 700; }
header nav #menu ul.dep02 { display: block; position: relative; width: 100%; height: auto; background: transparent; border: none; padding-left: 7.5rem; padding-bottom: 1.4rem; }
header nav #menu ul.dep02 > li { display: none; font-size: 1.3rem; color: #000; }
header nav #menu ul.dep02 > li > a { display: block; padding: 1rem 0; }
header nav #menu ul.dep02 > li > a:hover, header nav #menu ul.dep02 > li > a:focus { color: inherit; font-weight: inherit; }
header nav #menu ul.dep01 > li > a + ul.dep02:before { content: ''; position: absolute; width: 4rem; height: 4rem; margin: 0; background-size: contain; left: 2rem; top: -4rem; z-index: 1; }
header nav #menu ul.dep01 > li > a + ul.dep02:after { content: ''; position: absolute; display: block; width: 1.5rem; background: #e4f2ff; left: 0; border-radius: 1.5rem 0 0 1.5rem; height: calc(100% + 5.9rem); top: -5.9rem; transition: all 0.2s ease 0s; }
header nav #menu ul.dep01 > li > a.current + ul.dep02:after { content: ''; position: absolute; display: block; width: 1.5rem; background: #e4f2ff; left: -1.5rem; border-radius: 1.5rem 0 0 1.5rem; height: calc(100% + 5.9rem); top: -5.9rem; }
header nav #menu ul.dep01 > li > a.current + ul.dep02 li { display: block; } }
header .bg { position: absolute; width: 100%; background: #fff; height: 42rem; z-index: 8; box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05); border-top: 1px solid #eee; top: 16rem; display: none; }
@media screen and (max-width: 1200px) { header .bg { display: none !important; } }
main.wrapper[data-page='sub'] header:after { content: ''; position: absolute; width: 100%; height: 9.4rem; background: #214b7e; top: 0; }
main.wrapper[data-page='sub'] header nav .right { color: #fff; }
@media screen and (max-width: 1200px) { main.wrapper[data-page='sub'] header:after { width: calc(100% + 3rem); height: 4.7rem; background: #214b7e; top: -1.5rem; left: -1.5rem; } }
footer { padding-top: 0rem; padding-bottom: 6.5rem; background: #fff; } /* 이승훈 서기관님 요청 페이지와 배너사이의 거리 좁히기*/
footer .secTop { position: relative; padding: 1rem 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; transition: all 0.3s ease 0.1s; } /* 이승훈 서기관님 요청 배너 height 줄이기 250224 */
footer .secTop .wrapper { max-width: 120rem; margin: auto; position: relative; }
footer .secTop .wrapper .imgArea { display: block; width: 100%; }
footer .secTop .wrapper .imgArea .unitSwiper { overflow: hidden; position: relative; padding: 0 2rem; }
footer .secTop .wrapper .imgArea .unitSwiper .swiper-button-prev { width: 2rem; background: #fff; text-align: left; left: 0; padding: 1rem 0; }
footer .secTop .wrapper .imgArea .unitSwiper .swiper-button-next { width: 2rem; background: #fff; text-align: right; right: 0; padding: 1rem 0; }
footer .secTop .wrapper .imgArea .unitSwiper .swiper-notification { color: transparent; }
footer .secTop .wrapper .imgArea a { display: block; text-align: center; }
footer .secBottom { max-width: 120rem; margin: 3rem auto 0; position: relative; }
footer .secBottom .leftArea .terms { font-size: 1.6rem; color: #797979; }
footer .secBottom .leftArea .terms a + a { margin-left: 3rem; }
footer .secBottom .leftArea .terms a strong { font-weight: 400; color: #333; }
footer .secBottom .leftArea .tit { position: absolute; left: 0; top: -15px;}
footer .secBottom .leftArea .tit img {width:180px}
footer .secBottom .leftArea .info { position: absolute; font-size: 1.6rem; color: #797979; top: 1.5rem; }
footer .secBottom .leftArea .copyright { position: absolute; font-size: 1.6rem; top: 4.5rem; }
footer .secBottom .leftArea .call { position: absolute; top: 4.5rem; right: 0; font-size: 1.6rem; color: #797979; }
footer .secBottom .leftArea .call strong { font-weight: 700; color: #214b7e; }
@media screen and (max-width: 1200px) { footer { padding-top: 0rem; padding-bottom: 4rem;/* margin: 0 -1.5rem; */ }
footer .secTop .wrapper { max-width: 100%; margin: auto; position: relative; padding: 0 1.5rem; }
footer .secBottom { max-width: 100%; margin: 2.5rem auto 0; position: relative; padding: 0 1.5rem; }
footer .secBottom .leftArea .terms { font-size: 1.3rem; }
footer .secBottom .leftArea .terms a + a { margin-left: 2rem; }
footer .secBottom .leftArea .tit { position: relative; top: auto; left: 0; margin-top: 3rem; width: 10rem; }
footer .secBottom .leftArea .info { font-size: 1.2rem; margin-top: 1.5rem; padding-left: 0; }
footer .secBottom .leftArea .copyright { font-size: 1.2rem; margin-top: .5rem; padding-left: 0; line-height: 1.4; }
footer .secBottom .leftArea .call { position: relative; top: auto; right: 0; font-size: 1.2rem; color: #797979; margin-top: 8rem; text-align: right; }
footer .secBottom .leftArea .call strong { font-weight: 700; color: #214b7e; } }
main.wrapper[data-page=main] { background: url("../img/main/top_bg.jpg") center top no-repeat; background-size: auto 93.7rem; overflow: hidden; max-width: 192rem; margin: auto; }
/* @media screen and (max-width: 1200px) { main.wrapper[data-page=main] { background-size: 120rem auto; max-width: 100%; padding: 0 1.5rem; } } */
main.wrapper[data-page=main] .mainTit { font-size: 3rem; color: #000; text-align: center; font-weight: 400; margin: 3.6rem 0 4rem; }
main.wrapper[data-page=main] .mainTit strong { font-weight: 700; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=main] .mainTit { font-size: 2rem; margin: 3rem 0 2.5rem; line-height: 1.4; } }
main.wrapper[data-page=main] .secMainTiles { width: 120rem; margin: 3.6rem auto 0; position: relative; }
main.wrapper[data-page=main] .secMainTiles { width: 100%; max-width:136rem; margin: 3.6rem auto 0; position: relative; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=main] .secMainTiles { width: 100%; margin: 0 auto 0; } }
main.wrapper[data-page=main] .secMainTiles .mainMap { background: #fff; height: 63rem; width: 43.6rem; border: 1px solid #eee; border-radius: 3rem; padding: 0 3rem; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab { margin-bottom: 4rem; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul:after { content: ''; background: transparent; top: 0; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li { width: 49%; /*position:relative;*/ }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li + li { margin-left: 0; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li + li:before { content: ''; position: absolute; height: 2rem; width: 1px; background: #797979; top: 2.2rem; left: calc(50% - 1rem); }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li .menu { font-size: 2.4rem; padding: 2rem; width: 100%; letter-spacing: -.25rem; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li .menu.current:after { background: transparent; bottom: 0; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li .contents .tit { font-size: 1.3rem; line-height: 1.4; }
main.wrapper[data-page=main] .secMainTiles .mainMap .mainMapArea { margin: 0 -3rem; background-image: url("../img/map/korea_map.png"); background-repeat: no-repeat; background-position: center center; width: 43.6rem; height: 51.2rem; position: relative; }
main.wrapper[data-page=main] .mainMapArea { margin:0 auto; background-image: url("../img/map/korea_map.png"); background-repeat: no-repeat; background-position: center center; width: 43.6rem; height: 51.2rem; position: relative; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=main] .secMainTiles .mainMap { background: #fff; height: 60rem; width: 100%; border-radius: 1.5rem; padding: 0 1.5rem; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab { margin-bottom: 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li + li:before { height: 2rem; top: 1.5rem; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li .menu { font-size: 1.7rem; padding: 1.5rem; }
main.wrapper[data-page=main] .secMainTiles .mainMap .unitTab > ul > li .contents .tit { font-size: 1.2rem; }
main.wrapper[data-page=main] .secMainTiles .mainMap .mainMapArea { position: absolute; left: 50%; transform: scale(0.9) translateX(-50%); } }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea { background: #fff; height: 41.6rem; width: 73.5rem; border-radius: 3rem; position: absolute; top: 0; right: 0; overflow: hidden; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .tit { position: absolute; left: 5rem; top: 5rem; font-size: 4rem; line-height: 1.4; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .btn { position: absolute; left: 5rem; top: 18.4rem; font-size: 1.8rem; font-weight: 700; color: #fff; padding: 1rem 3rem; border-radius: 5rem; background: #214b7e; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .btn img { margin-left: 1rem; vertical-align: .1rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-pagination { text-align: left; margin-left: 60rem; margin-bottom: 2rem; bottom: 0; width: auto; display: inline-block; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 1.2rem; height: 1.2rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-pagination .swiper-pagination-bullet-active { width: 4rem !important; background-color: #214b7e !important; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-btn { position: absolute; left: 70rem; bottom: 4.7rem; margin-bottom: -3rem;z-index: 1; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-btn button.swiper-button-play { display: none; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=main] .secMainTiles .mainBannerAerea { height: auto; width: 100%; border-radius: 1.5rem; position: relative; top: auto; right: auto; margin-top: 1.5rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-slide > img { width: 100%; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .tit { position: absolute; left: 3rem; top: 2rem; font-size: 2.25rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .btn { position: absolute; left: 3rem; top: 9rem; font-size: 1.3rem; padding: .7rem 2.4rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .btn img { vertical-align: 0; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-pagination { margin-left: 3rem; margin-bottom: 2.5rem; bottom: 0; width: auto; display: inline-block; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-pagination .swiper-pagination-bullet { width: 1rem; height: 1rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-pagination .swiper-pagination-bullet-active { width: 3rem !important; background-color: #214b7e !important; }
main.wrapper[data-page=main] .secMainTiles .mainBannerAerea .swiper-btn { left: 16rem; bottom: 2.5rem; } }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub { background: #e4f2ff; height: 18.4rem; width: 73.5rem; border-radius: 3rem; position: absolute; top: 44.4rem; right: 0; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner { overflow: hidden; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-slide + .swiper-slide:before { content: ''; width: 1px; height: 12rem; background: #c2def3; position: absolute; left: 0; top: 3.4rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner a { display: block; padding: 3.4rem 0; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner a .img { max-width: 100%; text-align: center; opacity: .7; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner a .tit { width: 100%; text-align: center; margin-top: 1.5rem; font-size: 1.6rem; color: #585858; line-height: 1.4; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner a:hover .img { opacity: 1; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner a:hover .tit { font-weight: 700; color: #214b7e; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-button-prev { position: absolute; padding: .6rem 0; width: 2.5rem; height: auto; margin: auto; background: #7cafdf; transform: translateY(-50%); left: 0; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-button-next { position: absolute; padding: .6rem 0; width: 2.5rem; height: auto; margin: auto; background: #7cafdf; transform: translateY(-50%); right: 0; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-button-prev:hover, main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-button-next:hover { background: #214b7e; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-notification { display: none; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=main] .secMainTiles .mainBannerSub { height: auto; width: 100%; border-radius: 1.5rem; position: relative; top: auto; right: auto; margin-top: 1.5rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-slide + .swiper-slide:before { content: ''; width: 1px; height: 8.5rem; background: #c2def3; left: 0; top: 1.5rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner a { display: block; padding: 1.5rem 0; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner a .img { max-width: 4.3rem; margin: auto; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner a .tit { margin-top: 1rem; font-size: 1.2rem; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-button-prev { position: absolute; padding: .4rem 0; width: 2rem; height: auto; margin: auto; background: #7cafdf; transform: translateY(-50%); left: 0; }
main.wrapper[data-page=main] .secMainTiles .mainBannerSub .mainSubBanner .swiper-button-next { position: absolute; padding: .4rem 0; width: 2rem; height: auto; margin: auto; background: #7cafdf; transform: translateY(-50%); right: 0; } }
main.wrapper[data-page=main] .secMainTiles .mainSearch { background: #ffffff; height: 32.4rem; width: 43.6rem; border: 1px solid #eee; border-radius: 3rem; margin-top: 5.6rem; padding: 4rem 5rem; } 조회박스 숨김
main.wrapper[data-page=main] .secMainTiles .mainSearch .tit { font-size: 2.4rem; font-weight: 700; color: #fff; margin-bottom: .5rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea.bothType .left, main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea.bothType .right { width: calc(50% - 1.5rem); }
main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea + .selectArea { margin-top: 1.5rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea .formSelect { font-size: 1.8rem; width: 100%; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea .formSelect select { border: none; border-bottom: 0.2rem solid #fff; border-radius: 0; background-color: transparent; background-image: url("../img/common/select_arrow_white.png"); background-size: 1.3rem .8rem; width: 100%; padding: 0 0 1.6rem 0; color: #fff; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea .formSelect select option { color: #000; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn { margin-top: 4rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a { width: 100%; display: inline-block; text-align: center; font-size: 1.8rem; background: #214b7e; color: #fff; padding: 1rem 3rem; border-radius: 50rem; font-weight: 700; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn .white { background: #f6f6f6; color: #666; border: 1px solid #aaa; font-weight: 400; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button > span, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a > span { display: block; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button + a, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a + a { margin-top: 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button.disabled, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button:disabled, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a.disabled { background-color: #eee; color: #666; cursor: default; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line { text-align: center; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a { display: inline-block; width: auto; min-width: 12rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button + a, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a + a { margin-top: 0; margin-left: .5rem; vertical-align: middle; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.xl button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.xl a { min-width: 18rem; font-size: 2rem; padding: 2rem 4rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn .notice { font-size: 1.6rem; color: #666; margin-bottom: 3rem; line-height: 1.4; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn .unitBtn { margin-top: 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a { font-size: 1.5rem; padding: 1rem 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button + a, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a + a { margin-top: 1rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a { min-width: 6rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button + a, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a + a { margin-left: .25rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.xl button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.xl a { min-width: 16rem; font-size: 1.8rem; padding: 1rem 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn .notice { font-size: 1.6rem; color: #666; margin-bottom: 3rem; line-height: 1.4; } }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button { padding: 1rem 6rem; border: none !important; font-weight: 700 !important; color: #3c8fc5 !important; font-size: 1.8rem !important; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=main] .secMainTiles .mainSearch { height: auto; width: 100%; border-radius: 1.5rem; margin-top: 1.5rem; padding: 2rem 2.5rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .tit { font-size: 1.7rem; margin-bottom: .25rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea.bothType .left, main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea.bothType .right { width: calc(50% - 1.5rem); }
main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea + .selectArea { margin-top: .75rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .selectArea .formSelect { font-size: 1.8rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn { margin-top: 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a { width: 100%; display: inline-block; text-align: center; font-size: 1.8rem; background: #214b7e; color: #fff; padding: 1rem 3rem; border-radius: 50rem; font-weight: 700; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn .white { background: #f6f6f6; color: #666; border: 1px solid #aaa; font-weight: 400; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button > span, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a > span { display: block; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button + a, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a + a { margin-top: 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button.disabled, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button:disabled, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a.disabled { background-color: #eee; color: #666; cursor: default; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line { text-align: center; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a { display: inline-block; width: auto; min-width: 12rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button + a, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a + a { margin-top: 0; margin-left: .5rem; vertical-align: middle; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.xl button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.xl a { min-width: 18rem; font-size: 2rem; padding: 2rem 4rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn .notice { font-size: 1.6rem; color: #666; margin-bottom: 3rem; line-height: 1.4; } }
@media screen and (max-width: 1200px) and (max-width: 1200px) { main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn .unitBtn { margin-top: 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a { font-size: 1.5rem; padding: 1rem 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn button + a, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn a + a { margin-top: 1rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a { min-width: 6rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line button + a, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a + button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.line a + a { margin-left: .25rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.xl button, main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn.xl a { min-width: 16rem; font-size: 1.8rem; padding: 1rem 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainSearch .unitBtn .notice { font-size: 1.6rem; color: #666; margin-bottom: 3rem; line-height: 1.4; } }
main.wrapper[data-page=main] .secMainTiles .mainBoard { background: #fff; height: 32.4rem; width: 120rem; border: 1px solid #eee; border-radius: 3rem; position: absolute; top: 68.5rem; right: 0; padding: 1.5rem 3rem 3rem; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .moreBtn { position: absolute; top: -7rem; right: 0; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList { color: #585858; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li { position: relative; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li + li { margin-top: 2.4rem; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li a { font-size: 1.6rem; overflow: hidden; display: inline-block; max-width: calc(100% - 8rem); text-overflow: ellipsis; white-space: nowrap; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li a:hover { color: #214b7e; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li .date { font-size: 1.3rem; color: #878787; position: absolute; right: 0; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=main] .secMainTiles .mainBoard { height: auto; width: 100%; border-radius: 1.5rem; position: relative; top: 0; right: 0; padding: 1.5rem 2.5rem; margin-top: 1.5rem; border: 1px solid #eee; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .moreBtn { position: absolute; top: -5rem; right: 0; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList { color: #585858; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li { position: relative; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li + li { margin-top: 2rem; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li a { font-size: 1.2rem; overflow: hidden; display: inline-block; max-width: calc(100% - 8rem); text-overflow: ellipsis; white-space: nowrap; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li a:hover { color: #214b7e; }
main.wrapper[data-page=main] .secMainTiles .mainBoard .boardList li .date { font-size: 1.2rem; color: #878787; position: absolute; right: 0; } }
.secPop.mapDetail { display: block; opacity: 0; }
.secPop.mapDetail .wrapper { padding: 3rem; /*overflow:hidden;*/ }
.secPop.mapDetail .wrapper .desc { font-size: 1.3rem; color: #666; }
.secPop.mapDetail .wrapper .contents { padding: 8rem 2rem 5rem; }
.secPop.mapDetail .wrapper .contents:after { content: ''; display: table; clear: both; }
.secPop.mapDetail .wrapper .contents .mapAreaPop { float: left; vertical-align: top; width: 49rem; height: 49.9rem; margin-top: -5rem; }
.secPop.mapDetail .wrapper .contents .mapAreaPop map area { cursor: pointer; }
.secPop.mapDetail .wrapper .contents .chartArea { float: left; vertical-align: top; width: 28rem; position: relative; margin-left: -1rem; }
.secPop.mapDetail .wrapper .contents .chartArea .tit { font-size: 2rem; font-weight: 700; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart { margin-top: 3rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend { margin-bottom: 2rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend span { font-size: 1.3rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend span + span { margin-left: 1.5rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend span i { width: .8rem; height: .8rem; display: inline-block; margin-right: 0.5rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend .gray { color: #999; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend .blue { color: #4f94e8; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend .green { color: #7fb249; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend .orange { color: #f7bf00; }/* BIS-438*/
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend .gray i { background: #999; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend .blue i { background: #4f94e8; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend .green i { background: #7fb249; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend .orange i { background: #f7bf00; }/* BIS-438*/
.secPop.mapDetail .wrapper .contents .infoArea { float: left; vertical-align: top; width: 28rem; position: relative; margin-left: 3rem; padding: 0 4rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail { overflow: hidden; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .swiper-button-prev { background-image: url("../img/common/arrow-swiper-left2.png"); background-size: .9rem 1.7rem; left: 0; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .swiper-button-next { background-image: url("../img/common/arrow-swiper-right2.png"); background-size: .9rem 1.7rem; right: 0; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .tit { font-size: 2rem; font-weight: 700; margin-bottom: 3rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li + li { margin-top: 3rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li { position: relative; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li .listTit { position: absolute; left: 7rem; top: .5rem; font-size: 1.5rem; color: #000; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li .listNum { position: absolute; left: 7rem; top: 2.5rem; font-size: 2rem; font-weight: 700; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li.total .listNum { color: #db8653; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li.single .listNum { color: #7fb249; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li.public .listNum { color: #4f94e8; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade { margin-top: 5rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .tit { font-size: 1.5rem; font-weight: 700; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType { margin-top: 2rem; font-size: 1.5rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType div strong { font-size: 2rem; margin-left: .8rem; display: inline-block; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType .left strong { color: #416da2; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType .right strong { color: #5682b7; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType + .bothType { margin-top: 3rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType + .bothType .left strong { color: #6d97c9; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType + .bothType .right strong { color: #94b6de; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType .left { padding-right: .5rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType .right { padding-left: .5rem; }
.secPop.mapDetail .wrapper .iconArea { position: absolute; width: 100%; bottom: 0; background: #f9f9f9; border: 1px solid #eee; margin-left: -3rem; }
.secPop.mapDetail .wrapper .iconArea ul:after { content: ''; display: table; clear: both; }
.secPop.mapDetail .wrapper .iconArea ul li { float: left; width: 33.333%; }
.secPop.mapDetail .wrapper .iconArea ul li + li { border-left: 1px solid #eee; }
.secPop.mapDetail .wrapper .iconArea ul li a { display: block; padding: 2rem 3rem 2rem 8rem; position: relative; }
.secPop.mapDetail .wrapper .iconArea ul li a > img { position: absolute; top: 50%; transform: translateY(-50%); left: 3rem; }
.secPop.mapDetail .wrapper .iconArea ul li span { font-size: 1.5rem; font-weight: 700; }
.secPop.mapDetail .wrapper .iconArea ul li i { position: absolute; top: 50%; transform: translateY(-50%); right: 3rem; }
@media screen and (max-width: 1200px) { .secPop.mapDetail .wrapper { padding: 2rem; }
.secPop.mapDetail .wrapper .desc { font-size: 1.2rem; color: #666; }
.secPop.mapDetail .wrapper .desc .line { display: block; height: .5rem; }
.secPop.mapDetail .wrapper .contents { padding: 0; position: relative; }
.secPop.mapDetail .wrapper .contents:after { content: ''; display: table; clear: both; }
.secPop.mapDetail .wrapper .contents .mapAreaPop { float: none; position: absolute; height: 51rem; margin-top: -7rem; left: 50%; transform: scale(0.62) translateX(calc(-50% - 15rem)); }
.secPop.mapDetail .wrapper .contents .chartArea { float: none; width: 100%; margin-left: 0; margin-top: 37rem; }
.secPop.mapDetail .wrapper .contents .chartArea .tit { font-size: 1.5rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart { margin-top: 1.5rem; text-align: center; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart canvas { max-height: 32.4rem; max-width: 28rem; margin: auto; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend { margin-bottom: 1.5rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend span { font-size: 1.3rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend span + span { margin-left: 1.5rem; }
.secPop.mapDetail .wrapper .contents .chartArea .unitChart .unitLegend span i { width: .8rem; height: .8rem; margin-right: .5rem; }
.secPop.mapDetail .wrapper .contents .infoArea { float: none; width: 100%; margin-left: 0; padding: 0; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail { overflow: hidden; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .swiper-button-prev { left: -.8rem; top: 10rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .swiper-button-next { right: -.8rem; top: 10rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .tit { font-size: 1.5rem; margin-top: 3rem; margin-bottom: 1.5rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse { padding: 0 1.2rem; text-align: center; margin-right: -2rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse:after { content: ''; display: table; clear: both; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li { float: none; width: 8rem; display: inline-block; text-align: left; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li + li { margin-top: 0; margin-left: 1.5rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li { position: relative; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li img { width: 2.3rem; height: 2.4rem; margin-top: 1rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li .listTit { left: 3rem; top: .5rem; font-size: 1.2rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li .listNum { left: 3rem; top: 2rem; font-size: 1.4rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade { margin-top: 2rem; position: relative; padding-left: 7rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade:after { content: ''; display: table; clear: both; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .tit { font-size: 1.2rem; position: absolute; top: -3rem; left: 2rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType { margin-top: 0; font-size: 1.2rem; width: 50%; float: left; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType:after { content: ''; display: table; clear: both; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType div strong { font-size: 1.3rem; margin-left: 0; display: block; margin-top: .2rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType + .bothType { margin-top: 0; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType .left { padding-right: 0; float: left; width: 50%; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .grade .bothType .right { padding-left: 0; float: left; width: 50%; }
.secPop.mapDetail .wrapper .iconArea { position: relative; width: calc(100% + 4rem); bottom: auto; margin-left: -2rem; margin-bottom: -2rem; margin-top: 3rem; }
.secPop.mapDetail .wrapper .iconArea ul li a { display: block; padding: 1.5rem 0; text-align: center; }
.secPop.mapDetail .wrapper .iconArea ul li a > img { position: relative; left: auto; transform: none; top: auto; }
.secPop.mapDetail .wrapper .iconArea ul li span { font-size: 1.2rem; padding: 1rem 0; display: block; text-align: center; line-height: 1.4; }
.secPop.mapDetail .wrapper .iconArea ul li i { position: relative; right: auto; transform: none; top: auto; display: block; text-align: center; } }
@media screen and (max-width: 359px) { .secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse { padding: 0 .6rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li { width: 7rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li + li { margin-top: 0; margin-left: 1.5rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li { position: relative; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li img { width: 2rem; height: auto; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li .listTit { left: 2.5rem; top: .5rem; font-size: 1.1rem; }
.secPop.mapDetail .wrapper .contents .infoArea .localDetail .listHouse li .listNum { left: 2.5rem; top: 2rem; font-size: 1.3rem; } }
.mapTooltip { position: absolute; font-size: 1.8rem; padding: .5rem 2rem; background: #000; font-weight: 700; color: #fff; top: 0; left: 0; z-index: 9; display: none; position: absolute; top: 50%; transform: translateY(-50%); }
.mapTooltip:after { content: ''; width: 1.5rem; height: 1.3rem; background: url("../img/common/map_tip_arrow.png") center center no-repeat; position: absolute; bottom: -1.3rem; right: 1.5rem; }
.contents { margin: auto; overflow: hidden; }
@media screen and (max-width: 1200px) { main.wrapper[data-page=sub] { background-size: auto 50rem; max-width: 100%; /* padding: 0 1.5rem; */} }
.secBody { max-width: 120rem; margin: auto; padding-top: 3rem; }
.secBody { max-width: 136rem; margin: auto; padding-top: 3rem; }
@media screen and (max-width: 1200px) { .secBody { max-width: 100%; padding-top: 1.5rem; } }
.depthArea { text-align: right; font-size: 1.3rem; color: #666; margin-bottom: 2.4rem; }
.depthArea i { display: inline-block; margin: 0 1rem; }
.depthArea strong { font-weight: 700; color: #000; }
@media screen and (max-width: 1200px) { .depthArea { font-size: 1.2rem; margin-bottom: 1.2rem; letter-spacing: -.2rem; }
.depthArea i { margin: 0 .5rem; } }
.pageTit { font-size: 3.3rem; font-weight: 700; margin-bottom: 3rem; line-height: 1.4; }
@media screen and (max-width: 1200px) { .pageTit { font-size: 2.8rem; margin-bottom: 2rem; text-align: center; margin-top: 3rem; } }
.pageTitSub { font-size: 1.8rem; font-weight: 700; position: relative; margin-bottom: 2.5rem; }
.pageTitSub > .right { position: absolute; right: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.pageTitSub:before { content: ''; display: block; background-color: #000; width: .8rem; height: .2rem; margin-bottom: 1rem; }
@media screen and (max-width: 1200px) { .pageTitSub { /*font-size: 1.5rem; margin-bottom: 1.25rem;*/ } }
.barTit { font-size: 1.7rem; font-weight: 700; position: relative; }
.barTit:before { content: ''; display: block; background-color: #000; width: .8rem; height: .2rem; margin-bottom: 1rem; }
.unitSubTab { font-size: 1.8rem; margin-bottom: 5rem; }
.unitSubTab + .unitTab { margin-top: -3rem; }
.unitSubTab ul { display: -ms-flexbox; display: flex; }
.unitSubTab ul li { -ms-flex: 1; flex: 1; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; background: #f9f9f9; color: #666; border: 1px solid #eee; transition: all 0.3s ease 0.1s; }
.unitSubTab ul li a { display: block; padding: 2rem 0; transition: all 0.3s ease 0.1s; }
.unitSubTab ul li a:hover { font-weight: 700; color: #000; }
.unitSubTab ul li:first-child { border-radius: 10rem 0 0 10rem; }
.unitSubTab ul li:last-child { border-radius: 0 10rem 10rem 0; }
.unitSubTab ul li + li { border-left: none; }
.unitSubTab ul li.current { background: #4f94e8; color: #fff; border: 1px solid #4f94e8; }
.unitSubTab ul li.current a { color: #fff; }
@media screen and (max-width: 1200px) {
.unitSubTab { font-size: 1.3rem; margin-bottom: 2.5rem; }
.unitSubTab + .unitTab { margin-top: -1rem; }
.unitSubTab ul li a { display: block; padding: 1rem 0; transition: all 0.3s ease 0.1s; overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } }
.unitSchList { border: 1px solid #ccc; border-radius: 1rem; }
.unitSchList dl { overflow: hidden; }
.unitSchList dl:after { content: ''; display: table; clear: both; }
.unitSchList dt { padding: 2rem; float: left; vertical-align: middle; position: relative; font-size: 1.5rem; background: #f1f1f1; margin-right: 2rem; border-radius: 1rem 0 0 1rem; }
.unitSchList dt:after { content: ''; border-top: 3rem solid #fff; border-bottom: 3rem solid #fff; border-right: none; border-left: 2rem solid #f1f1f1; position: absolute; top: -1px; right: -2rem; background: red; height: 100%; width: 0; }
.unitSchList dt strong { color: #214b7e; }
.unitSchList dd { padding: 1.6rem; float: left; vertical-align: middle; }
@media screen and (max-width: 1200px) { .unitSchList dt { padding: 1rem; float: none; font-size: 1.4rem; margin-right: 0; border-radius: 0; text-align: center; }
.unitSchList dt:after { display: none; }
.unitSchList dd { padding: 1.6rem; float: left; vertical-align: middle; }
.unitSchList dd ul.unitList li { width: 29%; margin: .5rem; }
.unitSchList dd ul.unitList li + li { margin-left: .5rem; } }
main.wrapper[data-page='sub'] .unitTab > ul { text-align: center; margin-bottom: 4rem; }
main.wrapper[data-page='sub'] .unitTab > ul:after { top: 5.5rem; }
main.wrapper[data-page='sub'] .unitTab > ul > li .menu { font-size: 1.8rem; color: #666; padding: 2rem 2rem; }
main.wrapper[data-page='sub'] .unitTab > ul > li .menu.current { color: var(--color-black); } /*#4f94e8;*/
main.wrapper[data-page='sub'] .unitTab > ul > li .menu.current:after { background: var(--color-black);}
main.wrapper[data-page='sub'] .unitTab > ul > li .menu.current[data-state="down"]:before { content: '▼'; position: absolute; bottom: 1.2rem; font-size: 1rem; right: .5rem; }
main.wrapper[data-page='sub'] .unitTab > ul > li .menu.current[data-state="up"]:before { content: '▲'; position: absolute; bottom: 1.2rem; font-size: 1rem; right: .5rem; }
@media screen and (max-width: 1200px) {
main.wrapper[data-page='sub'] .unitTab > ul { text-align: center; margin-bottom: 2rem; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #ddd; }
main.wrapper[data-page='sub'] .unitTab > ul:after { top: 3.2rem; }
main.wrapper[data-page='sub'] .unitTab > ul > li .menu {/* font-size: 1.2rem;*/ color: #666; padding: 1rem; }
}
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul { text-align: center; margin-bottom: 4rem; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul:after { display: none; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul > li .menu { font-size: 1.5rem; color: #666; padding: 0 2rem; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul > li .menu.current { color: #7fb249; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul > li .menu.current:after { background: url("../img/common/check_green.png") center center no-repeat; background-size: contain; width: 1.3rem; height: 1rem; bottom: .2rem; }
@media screen and (max-width: 1200px) { main.wrapper[data-page='sub'] .unitTab.typeCheck { background: #fafafa; margin-bottom: 3rem; border-radius: 10rem; padding: .5rem; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul { text-align: center; margin-bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: none; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul:after { display: none; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul > li .menu { font-size: 1.2rem; color: #666; padding: 0 2rem; line-height: 1.4; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul > li + li { margin-left: 0; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul > li .menu.current { color: #7fb249; }
main.wrapper[data-page='sub'] .unitTab.typeCheck > ul > li .menu.current:after { background: url("../img/common/check_green.png") center center no-repeat; background-size: contain; width: 1.3rem; height: 1rem; position: absolute; top: 50%; transform: translateY(-50%); } }
.unitBox { padding: 3rem; border: 1px solid #ddd; border-radius: 1rem; position: relative; }
.unitBox .chartArea .unitLegend { position: absolute; top: 3rem; right: 3rem; font-size: 1.5rem; color: #666; }
.unitBox .chartArea .unitLegend span + span { margin-left: 3rem; }
.unitBox .chartArea .unitLegend span.bar i { width: 1.8rem; height: 1.8rem; background: #7379c6; display: inline-block; margin-right: .5rem; vertical-align: middle; }
.unitBox .chartArea .unitLegend span.bar2 i { width: 1.8rem; height: 1.8rem; background: #db8554; display: inline-block; margin-right: .5rem; vertical-align: middle; }
.unitBox .chartArea .unitLegend span.line i { width: 1.8rem; height: 1.8rem; background: #7fb249; display: inline-block; margin-right: .5rem; vertical-align: middle; }
@media screen and (max-width: 1200px) { .unitBox { padding: 1.5rem; }
.unitBox .chartArea .unitLegend { position: relative; top: auto; right: auto; font-size: 1.2rem; text-align: right; margin-bottom: 1rem; }
.unitBox .chartArea .unitLegend span + span { margin-left: 3rem; }
.unitBox .chartArea .unitLegend span.bar i { width: 1rem; height: 1rem; margin-right: .25rem; }
.unitBox .chartArea .unitLegend span.line i { width: 1rem; height: 1rem; margin-right: .25rem; } }
.unitSchbox ul { background: #f9f9f9; border: 1px solid #ccc; padding: 1rem 3rem; border-radius: 0rem; }
.unitSchbox ul li { padding: 2rem 0; }
.unitSchbox ul li + li { border-top: 1px solid #ddd; }
.unitSchbox ul li .tit { display: inline-block; padding-right: 2rem; min-width: 7rem; font-size: 1.5rem; font-weight: 700; }
.unitSchbox ul li .formCheckbox + .formCheckbox { margin-left: 1rem; }
@media screen and (max-width: 1200px) {
.unitSchbox ul { padding: .5rem 1.5rem; }
.unitSchbox ul li .formSelect + .formSelect { margin-left: 0; margin-top:.5rem}
.unitSchbox ul li { padding: 1rem 0; }
.unitSchbox ul li .tit { padding-right: 1rem; min-width: 3.5rem; font-size: 1.3rem; display: block; margin-bottom: .5rem; }
.unitSchbox ul li .formCheckbox + .formCheckbox { margin-left: .5rem; }
.unitSchbox ul li .formCheckbox { display: inline-block; margin: .5rem; }
}
.mapRanking { position: relative; }
.mapRanking:after { content: ''; display: table; clear: both; }
.mapRanking .mapSelect { float: left; width: 30rem; height: 42rem; }
.mapRanking .mapSelect .formSelect .barTit { vertical-align: top; }
.mapRanking .mapSelect .formSelect select { width: 22rem; font-size: 1.7rem; }
.mapRanking .mapSelect .mapInfo { position: absolute; left: 0; top: 7.5rem; z-index: 1; }
.mapRanking .mapSelect .mapInfo .tit { font-size: 2.4rem; color: #0057c0; font-weight: 500; }
.mapRanking .mapSelect .mapInfo .tit + button { margin-top: 2rem; }
.mapRanking .mapSelect .mapInfo button { font-size: 1.5rem; font-weight: 700; background-color: #909090; border-radius: .6rem; color: #fff; padding: .7rem 1.4rem; }
.mapRanking .mapSelect .mapInfo button { font-size: 1.5rem; font-weight: 700; background-color: #909090; border-radius: .6rem; color: #fff; padding: .7rem 1.4rem; }
.mapRanking .mapSelect .subMapArea { position: absolute; transform: scale(0.7); left: -6rem; top: -1rem; }
.mapRanking .mapSelect .subMapArea img { max-width: 43.6rem; height: auto; }
.mapRanking .mapArea { float: left; width: 34rem; height: 42rem; margin-left: 2rem; border-radius: 1rem; overflow: hidden; }
.mapRanking .dataArea { /* float: left; width: 52rem; height: 42rem; */ margin-left: 2rem; }
.mapRanking .dataArea .unitLegend { margin-top: 2rem; }
.mapRanking .dataArea .unitLegend .tit { margin-bottom: 1rem; font-size: 1.5rem; color: #666; }
.mapRanking .dataArea .unitLegend ul:after { content: ''; display: table; clear: both; }
.mapRanking .dataArea .unitLegend ul li { float: left; width: 25%; padding: .7rem 0; font-size: 1.3rem; }
.mapRanking .dataArea .unitLegend ul li i { display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: .5rem; border-radius: 50%; background-color: #f1f1f1; vertical-align: -.4rem; }
.mapRanking .dataArea .lv00 { background-color: #e7e6e6 !important; }
.mapRanking .dataArea .lv01 { background-color: #B5FFB5 !important; }
.mapRanking .dataArea .lv02 { background-color: #67B967 !important; }
.mapRanking .dataArea .lv03 { background-color: #FFCC00 !important; }
.mapRanking .dataArea .lv04 { background-color: #FF5B5B !important; }
.mapRanking .dataArea .lv05 { background-color: #FF0000 !important; }
.mapRanking .dataArea2 { float: left; width: 88rem; height: 10rem; margin-left: 2rem; }
.mapRanking .dataArea2 .unitLegend { margin-top: 2rem; }
.mapRanking .dataArea2 .unitLegend .tit { margin-bottom: 0.5rem; font-size: 1.5rem; color: #666; }
.mapRanking .dataArea2 .unitLegend ul:after { content: ''; display: table; clear: both; }
.mapRanking .dataArea2 .unitLegend ul li { float: left; padding: .3rem 0; font-size: 1.3rem; }
.mapRanking .dataArea2 .unitLegend ul li i { display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: .5rem; border-radius: 50%; background-color: #f1f1f1; vertical-align: -.4rem; }
.tooltipText p i { float: left; padding: .3rem 0; font-size: 1.3rem; display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: .5rem; border-radius: 50%; background-color: #f1f1f1; vertical-align: -.4rem; }
.mapRanking .dataArea2 .lv00 { background-color: #e7e6e6 !important; }
.mapRanking .dataArea2 .lv01 { background-color: #B5FFB5 !important; }
.mapRanking .dataArea2 .lv02 { background-color: #67B967 !important; }
.mapRanking .dataArea2 .lv03 { background-color: #FFCC00 !important; }
.mapRanking .dataArea2 .lv04 { background-color: #FF5B5B !important; }
.mapRanking .dataArea2 .lv05 { background-color: #FF0000 !important; }
.mapRanking .dataType { float: left; width: 52rem; height: 42rem; margin-left: 2rem; }
.mapRanking .dataType dl { border: 1px solid #ddd; border-radius: .6rem; background: #f9f9f9; padding: 1.5rem; }
.mapRanking .dataType dl + dl { margin-top: .5rem; }
.mapRanking .dataType dl dt { font-size: 1.5rem; color: #666; font-weight: 700; }
.mapRanking .dataType dl dd ul { margin-top: .8rem; }
.mapRanking .dataType dl dd ul:after { content: ''; display: table; clear: both; }
.mapRanking .dataType dl dd ul li { float: left; width: 25%; vertical-align: top; }
.mapRanking .dataType dl dd ul.type2 li { width: 33.333%; }
.mapRanking .dataType dl dd ul li .tit { margin-bottom: .7rem; font-size: 1.2rem; color: #666; position: relative; display: block; padding-left: 4.5rem; padding-top: .2rem; }
.mapRanking .dataType dl dd ul li .tit i { margin-right: .5rem; position: absolute; left: 0; top: 0; }
.mapRanking .dataType dl dd ul li .tit i.icon-cicle_grade1 + em.big { color: #0064cb; }
.mapRanking .dataType dl dd ul li .tit i.icon-cicle_grade2 + em.big { color: #00ad97; }
.mapRanking .dataType dl dd ul li .tit i.icon-cicle_grade3 + em.big { color: #f2ab00; }
.mapRanking .dataType dl dd ul li .tit i.icon-cicle_grade4 + em.big { color: #e9005d; }
.mapRanking .dataType dl dd ul li .tit em { font-size: 1.3rem; color: #000; display: block; font-weight: 500; margin-bottom: .5rem; line-height: 1.4; }
.mapRanking .dataType dl dd ul li .tit em.big { font-size: 1.7rem; font-weight: 500; height: 4rem; line-height: 4rem; }
.mapRanking .dataType dl dd ul li .desc { font-size: 1.3rem; display: block; }
.mapRanking .dataType dl dd ul li .desc em { display: block; color: #1257ac; margin-bottom: .5rem; }
.mapRanking .dataType dl dd ul li .desc strong { font-size: 1.7rem; color: #666; }
.mapRanking .dataType dl dd ul li .desc strong .num { color: #000; }
.mapRanking .dataType dl dd ul li .desc sub { font-size: 1.2rem; color: #fb0070; margin-left: .5rem; vertical-align: .2rem; }
.mapRanking .mapYear { width: 88rem; float: left; margin-left: 2rem; }
.mapRanking .mapYear .legend { margin-bottom: 2rem; }
.mapRanking .mapYear .legend .tit { font-size: 1.5rem; color: #666; display: inline-block; }
.mapRanking .mapYear .legend ul { display: inline-block; margin-left: 1rem; }
.mapRanking .mapYear .legend ul li { font-size: 1.2rem; display: inline-block; border-radius: 10rem; padding: .4rem 1rem; color: #fff; min-width: 6rem; text-align: center; }
.mapRanking .mapYear .legend ul li + li { margin-left: 1rem; }
.mapRanking .mapYear .legend ul li.lv00 { background: #e7e6e6; color: #000; }
.mapRanking .mapYear .legend ul li.lv01 { background: #B5FFB5; color: #000; }
.mapRanking .mapYear .legend ul li.lv02 { background: #67B967 ; }
.mapRanking .mapYear .legend ul li.lv03 { background: #FFCC00; }
.mapRanking .mapYear .legend ul li.lv04 { background: #FF5B5B; }
.mapRanking .mapYear .legend ul li.lv05 { background: #FF0000; }
.mapRanking .mapYear .mapCompare .mapUnit { position: relative; display: inline-block; }
.mapRanking .mapYear .mapCompare .mapUnit + .mapUnit { margin-left: 1.6rem; }
.mapRanking .mapYear .mapCompare .mapUnit .formSelect { position: absolute; top: 1rem; left: 1rem; }
.mapRanking .mapYear .mapCompare .mapUnit .contArea { width: 43rem; }
.mapRanking .compareArea { float: left; width: 30rem; height: 23rem; margin-top: 3rem; position: relative; overflow: hidden; }
.mapRanking .compareArea .tit { font-size: 1.5rem; position: absolute; top: -2rem; }
.mapRanking .compareArea dl { width: 12rem; text-align: center; font-size: 1.5rem; display: block; vertical-align: top; float: left; }
.mapRanking .compareArea dl + dl { margin-left: 6rem; }
.mapRanking .compareArea dt { background-color: #dfedff; font-size: 1.7rem; color: #214b7e; font-weight: bold; text-align: center; padding: 1rem 0; position: relative; }
.mapRanking .compareArea dd { padding: 1.7rem 0 1rem; border-bottom: 0.2rem solid #dcdcdc; position: relative; }
.mapRanking .compareArea dd .num { color: #ff0084; height: 2rem; }
.mapRanking .compareArea dl.last dt { border-radius: .6rem 0 0 .6rem; }
.mapRanking .compareArea dl.last dt:after { content: ''; position: absolute; height: 100%; width: 6rem; background-color: #dfedff; top: 0; right: -6rem; display: block; }
.mapRanking .compareArea dl.last dd:after { content: ''; position: absolute; font-size: 1.3rem; display: block; width: 6rem; height: 100%; color: #4386d7; border-bottom: 0.2rem solid #4386d7; top: .2rem; right: -6rem; padding-top: 4rem; background-position: center 1rem; background-repeat: no-repeat; }
.mapRanking .compareArea dl.last dd:nth-of-type(1):after { content: '빈집수'; background-image: url("../img/sub/compare_house.png"); }
.mapRanking .compareArea dl.last dd:nth-of-type(2):after { content: '건축면적'; background-image: url("../img/sub/compare_building.png"); }
.mapRanking .compareArea dl.last dd:nth-of-type(3):after { content: '대지면적'; background-image: url("../img/sub/compare_area.png"); }
.mapRanking .compareArea dl.current dt { border-radius: 0 .6rem .6rem 0; }
.mapRanking .chartArea { float: left; width: 100%; height: 23rem; margin-left: 2rem; margin-top: 3rem; border: 1px solid #ccc; border-radius: 1rem; position: relative; }
.mapRanking .chartArea .tit { font-size: 1.5rem; position: absolute; top: 3rem; left: 3rem; }
.mapRanking .chartArea .unitLegend { position: absolute; top: 3rem; right: 3rem; font-size: 1.5rem; color: #666; }
.mapRanking .chartArea .unitLegend span + span { margin-left: 3rem; }
.mapRanking .chartArea .unitLegend span.bar i { width: 1.8rem; height: 1.8rem; background: #7379c6; display: inline-block; margin-right: .5rem; vertical-align: middle; }
.mapRanking .chartArea .unitLegend span.bar2 i { width: 1.8rem; height: 1.8rem; background: #db8554; display: inline-block; margin-right: .5rem; vertical-align: middle; }
.mapRanking .chartArea .unitLegend span.line i { width: 1.8rem; height: 1.8rem; background: #7fb249; display: inline-block; margin-right: .5rem; vertical-align: middle; }
.mapRanking .chartArea .unitChart { width: calc(100% - 6rem); height: 14rem; margin: 7rem auto 0; }
@media screen and (max-width: 1200px) {
.mapRanking .mapSelect { float: none; width: 100%; }
.mapRanking .mapSelect .formSelect .barTit { vertical-align: top; }
.mapRanking .mapSelect .formSelect select { width: 20rem; font-size: 1.4rem; margin-top: .5rem; }
.mapRanking .mapSelect .subMapArea { transform: scale(0.7) translateX(calc(-50% - 7.5rem)); left: 50%; top: -3rem; }
.mapRanking .mapSelect .subMapArea img { max-width: 43.6rem; height: auto; }
.mapRanking .mapArea { float: none; width: 100%; height: 42rem; margin-left: 0; }
.mapRanking .dataArea { float: none; width: 100%; height: 42rem; margin-left: 0; }
.mapRanking .dataArea .unitLegend { margin-top: 1rem; }
.mapRanking .dataArea .unitLegend .tit { margin-bottom: .5rem; font-size: 1.2rem; }
.mapRanking .dataArea .unitLegend ul li { float: left; width: 33%; padding: .7rem 0; font-size: 1.3rem; }
.mapRanking .dataArea .unitLegend ul li i { width: 1rem; height: 1rem; vertical-align: -.1rem; }
.mapRanking .dataType { float: none; width: 100%; height: auto; margin-left: 0; }
.mapRanking .dataType dl { padding: 1.5rem; }
.mapRanking .dataType dl + dl { margin-top: 1.5rem; }
.mapRanking .dataType dl dt { font-size: 1.3rem; margin-bottom: 1rem; }
.mapRanking .dataType dl dd ul { margin-top: .4rem; }
.mapRanking .dataType dl dd ul li { float: none; width: 100%; vertical-align: top; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }
.mapRanking .dataType dl dd ul li + li { margin-top: 1.5rem; }
.mapRanking .dataType dl dd ul.type2 { padding-top: 1.5rem; }
.mapRanking .dataType dl dd ul.type2 li { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }
.mapRanking .dataType dl dd ul.type2 li + li { margin-top: 1.5rem; }
.mapRanking .dataType dl dd ul li .tit { margin-bottom: 0; font-size: 1.2rem; color: #666; position: relative; display: block; padding-left: 4.5rem; padding-top: .2rem; -ms-flex: 1; flex: 1; }
.mapRanking .dataType dl dd ul li .tit i { margin-right: .5rem; position: absolute; left: 0; top: 0; }
.mapRanking .dataType dl dd ul li .tit em { font-size: 1.3rem; color: #000; display: block; font-weight: 500; margin-bottom: .5rem; line-height: 1.4; }
.mapRanking .dataType dl dd ul li .desc { font-size: 1.3rem; display: block; -ms-flex: 1; flex: 1; }
.mapRanking .dataType dl dd ul li .desc em { display: block; color: #1257ac; margin-bottom: .5rem; }
.mapRanking .dataType dl dd ul li .desc strong { font-size: 1.4rem; color: #666; }
.mapRanking .dataType dl dd ul li .desc strong .num { color: #000; }
.mapRanking .dataType dl dd ul li .desc sub { font-size: 1.2rem; color: #fb0070; margin-left: .5rem; vertical-align: .2rem; }
.mapRanking .mapYear { margin-left: 0; width: 100%; margin-bottom: 3rem; }
.mapRanking .mapYear:after { content: ''; display: table; clear: both; }
.mapRanking .mapYear .legend { margin-bottom: 1.5rem; }
.mapRanking .mapYear .legend .tit { font-size: 1.3rem; margin-bottom: 1rem; }
.mapRanking .mapYear .legend ul { display: block; margin-left: 0; text-align: center; }
.mapRanking .mapYear .legend ul li { width: 30%; display: inline-block; margin: .2rem; }
.mapRanking .mapYear .legend ul li + li { margin-left: .5rem; }
.mapRanking .mapYear .mapCompare .mapUnit { display: block; }
.mapRanking .mapYear .mapCompare .mapUnit + .mapUnit { margin-left: 0; margin-top: 1.5rem; }
.mapRanking .mapYear .mapCompare .mapUnit .formSelect { position: absolute; top: 1rem; left: 1rem; }
.mapRanking .mapYear .mapCompare .mapUnit .contArea { width: 100%; }
.mapRanking .compareArea { float: none; width: 100%; height: auto; margin-top: 3rem; position: relative; }
.mapRanking .compareArea .tit { font-size: 1.3rem; position: relative; top: auto; margin-bottom: 1rem; }
.mapRanking .compareArea dl { width: calc(50% - 3rem); font-size: 1.3rem; }
.mapRanking .compareArea dt { font-size: 1.4rem; padding: 1rem 0; }
.mapRanking .chartArea { float: none; width: 100%; height: 23rem; margin-left: 0; margin-top: 1.5rem; }
.mapRanking .chartArea .tit { font-size: 1.3rem; position: absolute; top: 3rem; left: 3rem; }
.mapRanking .chartArea .unitLegend { position: absolute; top: 3rem; right: 3rem; font-size: 1.3rem; color: #666; }
.mapRanking .chartArea .unitLegend span + span { margin-left: 1.5rem; }
.mapRanking .chartArea .unitLegend span.bar i { width: .9rem; height: .9rem; margin-right: .5rem; }
.mapRanking .chartArea .unitLegend span.line i { width: .9rem; height: .9rem; margin-right: .5rem; }
.mapRanking .chartArea .unitChart { width: calc(100% - 6rem); height: 14rem; margin: 7rem auto 0; }
}
.mapRanking2 { position: relative; }
.mapRanking2:after { content: ''; display: table; clear: both; }
.mapRanking2 .mapSelect { float: left; width: 30rem; height: 42rem; }
.mapRanking2 .mapSelect .formSelect .barTit { vertical-align: top; }
.mapRanking2 .mapSelect .formSelect select { width: 22rem; font-size: 1.7rem; }
.mapRanking2 .mapSelect .mapInfo { position: absolute; left: 0; top: 7.5rem; z-index: 1; }
.mapRanking2 .mapSelect .mapInfo .tit { font-size: 2.4rem; color: #0057c0; font-weight: 500; }
.mapRanking2 .mapSelect .mapInfo .tit + button { margin-top: 2rem; }
.mapRanking2 .mapSelect .mapInfo button { font-size: 1.5rem; font-weight: 700; background-color: #909090; border-radius: .6rem; color: #fff; padding: .7rem 1.4rem; }
.mapRanking2 .mapSelect .mapInfo button { font-size: 1.5rem; font-weight: 700; background-color: #909090; border-radius: .6rem; color: #fff; padding: .7rem 1.4rem; }
.mapRanking2 .mapSelect .subMapArea { position: absolute; transform: scale(0.7); left: -6rem; top: -1rem; }
.mapRanking2 .mapSelect .subMapArea img { max-width: 43.6rem; height: auto; }
.mapRanking2 .mapArea { float: left; width: 34rem; height: 42rem; margin-left: 2rem; border-radius: 1rem; overflow: hidden; }
.mapRanking2 .dataArea { float: left; width: 52rem; height: 42rem; margin-left: 2rem; }
.mapRanking2 .dataArea .unitLegend { margin-top: 2rem; }
.mapRanking2 .dataArea .unitLegend .tit { margin-bottom: 1rem; font-size: 1.5rem; color: #666; }
.mapRanking2 .dataArea .unitLegend ul:after { content: ''; display: table; clear: both; }
.mapRanking2 .dataArea .unitLegend ul li { float: left; width: 25%; padding: .7rem 0; font-size: 1.3rem; }
.mapRanking2 .dataArea .unitLegend ul li i { display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: .5rem; border-radius: 50%; background-color: #f1f1f1; vertical-align: -.4rem; }
.mapRanking2 .dataArea .lv00 { background-color: #e7e6e6 !important; }
.mapRanking2 .dataArea .lv01 { background-color: #B5FFB5 !important; }
.mapRanking2 .dataArea .lv02 { background-color: #67B967 !important; }
.mapRanking2 .dataArea .lv03 { background-color: #FFCC00 !important; }
.mapRanking2 .dataArea .lv04 { background-color: #FF5B5B !important; }
.mapRanking2 .dataArea .lv05 { background-color: #FF0000 !important; }
.mapRanking2 .dataArea2 { float: left; width: 88rem; height: 10rem; margin-left: 2rem; }
.mapRanking2 .dataArea2 .unitLegend { margin-top: 2rem; }
.mapRanking2 .dataArea2 .unitLegend .tit { margin-bottom: 0.5rem; font-size: 1.5rem; color: #666; }
.mapRanking2 .dataArea2 .unitLegend ul:after { content: ''; display: table; clear: both; }
.mapRanking2 .dataArea2 .unitLegend ul li { float: left; width: 15%; padding: .3rem 0; font-size: 1.3rem; }
.mapRanking2 .dataArea2 .unitLegend ul li i { display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: .5rem; border-radius: 50%; background-color: #f1f1f1; vertical-align: -.4rem; }
.mapRanking2 .dataArea2 .lv00 { background-color: #e7e6e6 !important; }
.mapRanking2 .dataArea2 .lv01 { background-color: #B5FFB5 !important; }
.mapRanking2 .dataArea2 .lv02 { background-color: #67B967 !important; }
.mapRanking2 .dataArea2 .lv03 { background-color: #FFCC00 !important; }
.mapRanking2 .dataArea2 .lv04 { background-color: #FF5B5B !important; }
.mapRanking2 .dataArea2 .lv05 { background-color: #FF0000 !important; }
.mapRanking2 .mapYear { width: 88rem; float: left; margin-left: 2rem; }
.mapRanking2 .mapYear .legend { margin-bottom: 2rem; }
.mapRanking2 .mapYear .legend .tit { font-size: 1.5rem; color: #666; display: inline-block; }
.mapRanking2 .mapYear .legend ul { display: inline-block; margin-left: 1rem; }
.mapRanking2 .mapYear .legend ul li { font-size: 1.2rem; display: inline-block; border-radius: 10rem; padding: .4rem 1rem; color: #fff; min-width: 6rem; text-align: center; }
.mapRanking2 .mapYear .legend ul li + li { margin-left: 1rem; }
.mapRanking2 .mapYear .legend ul li.lv00 { background: #e7e6e6; color: #000; }
.mapRanking2 .mapYear .legend ul li.lv01 { background: #B5FFB5; color: #000; }
.mapRanking2 .mapYear .legend ul li.lv02 { background: #67B967 ; }
.mapRanking2 .mapYear .legend ul li.lv03 { background: #FFCC00; }
.mapRanking2 .mapYear .legend ul li.lv04 { background: #FF5B5B; }
.mapRanking2 .mapYear .legend ul li.lv05 { background: #FF0000; }
.mapRanking2 .mapYear .mapCompare .mapUnit { position: relative; display: inline-block; }
.mapRanking2 .mapYear .mapCompare .mapUnit + .mapUnit { margin-left: 1.6rem; }
.mapRanking2 .mapYear .mapCompare .mapUnit .formSelect { position: absolute; top: 1rem; left: 1rem; }
.mapRanking2 .mapYear .mapCompare .mapUnit .contArea { width: 43rem; }
.mapRanking2 .compareArea { float: left; width: 30rem; height: 23rem; margin-top: 3rem; position: relative; overflow: hidden; }
.mapRanking2 .compareArea .tit { font-size: 1.5rem; position: absolute; top: -2rem; }
.mapRanking2 .compareArea dl { width: 12rem; text-align: center; font-size: 1.5rem; display: block; vertical-align: top; float: left; }
.mapRanking2 .compareArea dl + dl { margin-left: 6rem; }
.mapRanking2 .compareArea dt { background-color: #dfedff; font-size: 1.7rem; color: #214b7e; font-weight: bold; text-align: center; padding: 1rem 0; position: relative; }
.mapRanking2 .compareArea dd { padding: 1.7rem 0 1rem; border-bottom: 0.2rem solid #dcdcdc; position: relative; }
.mapRanking2 .compareArea dd .num { color: #ff0084; height: 2rem; }
.mapRanking2 .compareArea dl.last dt { border-radius: .6rem 0 0 .6rem; }
.mapRanking2 .compareArea dl.last dt:after { content: ''; position: absolute; height: 100%; width: 6rem; background-color: #dfedff; top: 0; right: -6rem; display: block; }
.mapRanking2 .compareArea dl.last dd:after { content: ''; position: absolute; font-size: 1.3rem; display: block; width: 6rem; height: 100%; color: #4386d7; border-bottom: 0.2rem solid #4386d7; top: .2rem; right: -6rem; padding-top: 4rem; background-position: center 1rem; background-repeat: no-repeat; }
.mapRanking2 .compareArea dl.last dd:nth-of-type(1):after { content: '빈집수'; background-image: url("../img/sub/compare_house.png"); }
.mapRanking2 .compareArea dl.last dd:nth-of-type(2):after { content: '건축면적'; background-image: url("../img/sub/compare_building.png"); }
.mapRanking2 .compareArea dl.last dd:nth-of-type(3):after { content: '대지면적'; background-image: url("../img/sub/compare_area.png"); }
.mapRanking2 .compareArea dl.current dt { border-radius: 0 .6rem .6rem 0; }
.mapRanking2 .chartArea { float: left; width: 100%; height: 23rem; margin-left: 2rem; margin-top: 3rem; border: 1px solid #ccc; border-radius: 1rem; position: relative; }
.mapRanking2 .chartArea .tit { font-size: 1.5rem; position: absolute; top: 3rem; left: 3rem; }
.mapRanking2 .chartArea .unitLegend { position: absolute; top: 3rem; right: 3rem; font-size: 1.5rem; color: #666; }
.mapRanking2 .chartArea .unitLegend span + span { margin-left: 3rem; }
.mapRanking2 .chartArea .unitLegend span.bar i { width: 1.8rem; height: 1.8rem; background: #7379c6; display: inline-block; margin-right: .5rem; vertical-align: middle; }
.mapRanking2 .chartArea .unitLegend span.bar2 i { width: 1.8rem; height: 1.8rem; background: #db8554; display: inline-block; margin-right: .5rem; vertical-align: middle; }
.mapRanking2 .chartArea .unitLegend span.line i { width: 1.8rem; height: 1.8rem; background: #7fb249; display: inline-block; margin-right: .5rem; vertical-align: middle; }
.mapRanking2 .chartArea .unitChart { width: calc(100% - 6rem); height: 14rem; margin: 7rem auto 0; }
@media screen and (max-width: 1200px) {
/* .mapRanking2 .mapSelect { float: none; width: 100%; }
.mapRanking2 .mapSelect .formSelect .barTit { vertical-align: top; }
.mapRanking2 .mapSelect .formSelect select { width: 20rem; font-size: 1.4rem; margin-top: .5rem; }
.mapRanking2 .mapSelect .subMapArea { transform: scale(0.7) translateX(calc(-50% - 7.5rem)); left: 50%; top: -3rem; }
.mapRanking2 .mapSelect .subMapArea img { max-width: 43.6rem; height: auto; }
.mapRanking2 .mapArea { float: none; width: 100%; height: 42rem; margin-left: 0; }
.mapRanking2 .dataArea { float: none; width: 100%; height: 42rem; margin-left: 0; }
.mapRanking2 .dataArea .unitLegend { margin-top: 1rem; }
.mapRanking2 .dataArea .unitLegend .tit { margin-bottom: .5rem; font-size: 1.2rem; }
.mapRanking2 .dataArea .unitLegend ul li { float: left; width: 33%; padding: .7rem 0; font-size: 1.3rem; }
.mapRanking2 .dataArea .unitLegend ul li i { width: 1rem; height: 1rem; vertical-align: -.1rem; }
.mapRanking2 .dataType { float: none; width: 100%; height: auto; margin-left: 0; }
.mapRanking2 .dataType dl { padding: 1.5rem; }
.mapRanking2 .dataType dl + dl { margin-top: 1.5rem; }
.mapRanking2 .dataType dl dt { font-size: 1.3rem; margin-bottom: 1rem; }
.mapRanking2 .dataType dl dd ul { margin-top: .4rem; }
.mapRanking2 .dataType dl dd ul li { float: none; width: 100%; vertical-align: top; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }
.mapRanking2 .dataType dl dd ul li + li { margin-top: 1.5rem; }
.mapRanking2 .dataType dl dd ul.type2 { padding-top: 1.5rem; }
.mapRanking2 .dataType dl dd ul.type2 li { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }
.mapRanking2 .dataType dl dd ul.type2 li + li { margin-top: 1.5rem; }
.mapRanking2 .dataType dl dd ul li .tit { margin-bottom: 0; font-size: 1.2rem; color: #666; position: relative; display: block; padding-left: 4.5rem; padding-top: .2rem; -ms-flex: 1; flex: 1; }
.mapRanking2 .dataType dl dd ul li .tit i { margin-right: .5rem; position: absolute; left: 0; top: 0; }
.mapRanking2 .dataType dl dd ul li .tit em { font-size: 1.3rem; color: #000; display: block; font-weight: 500; margin-bottom: .5rem; line-height: 1.4; }
.mapRanking2 .dataType dl dd ul li .desc { font-size: 1.3rem; display: block; -ms-flex: 1; flex: 1; }
.mapRanking2 .dataType dl dd ul li .desc em { display: block; color: #1257ac; margin-bottom: .5rem; }
.mapRanking2 .dataType dl dd ul li .desc strong { font-size: 1.4rem; color: #666; }
.mapRanking2 .dataType dl dd ul li .desc strong .num { color: #000; }
.mapRanking2 .dataType dl dd ul li .desc sub { font-size: 1.2rem; color: #fb0070; margin-left: .5rem; vertical-align: .2rem; }
.mapRanking2 .mapYear { margin-left: 0; width: 100%; margin-bottom: 3rem; }
.mapRanking2 .mapYear:after { content: ''; display: table; clear: both; }
.mapRanking2 .mapYear .legend { margin-bottom: 1.5rem; }
.mapRanking2 .mapYear .legend .tit { font-size: 1.3rem; margin-bottom: 1rem; }
.mapRanking2 .mapYear .legend ul { display: block; margin-left: 0; text-align: center; }
.mapRanking2 .mapYear .legend ul li { width: 30%; display: inline-block; margin: .2rem; }
.mapRanking2 .mapYear .legend ul li + li { margin-left: .5rem; }
.mapRanking2 .mapYear .mapCompare .mapUnit { display: block; }
.mapRanking2 .mapYear .mapCompare .mapUnit + .mapUnit { margin-left: 0; margin-top: 1.5rem; }
.mapRanking2 .mapYear .mapCompare .mapUnit .formSelect { position: absolute; top: 1rem; left: 1rem; }
.mapRanking2 .mapYear .mapCompare .mapUnit .contArea { width: 100%; }
.mapRanking2 .compareArea { float: none; width: 100%; height: auto; margin-top: 3rem; position: relative; }
.mapRanking2 .compareArea .tit { font-size: 1.3rem; position: relative; top: auto; margin-bottom: 1rem; }
.mapRanking2 .compareArea dl { width: calc(50% - 3rem); font-size: 1.3rem; }
.mapRanking2 .compareArea dt { font-size: 1.4rem; padding: 1rem 0; }
.mapRanking2 .chartArea { float: none; width: 100%; height: 23rem; margin-left: 0; margin-top: 1.5rem; }
.mapRanking2 .chartArea .tit { font-size: 1.3rem; position: absolute; top: 3rem; left: 3rem; }
.mapRanking2 .chartArea .unitLegend { position: absolute; top: 3rem; right: 3rem; font-size: 1.3rem; color: #666; }
.mapRanking2 .chartArea .unitLegend span + span { margin-left: 1.5rem; }
.mapRanking2 .chartArea .unitLegend span.bar i { width: .9rem; height: .9rem; margin-right: .5rem; }
.mapRanking2 .chartArea .unitLegend span.line i { width: .9rem; height: .9rem; margin-right: .5rem; }
.mapRanking2 .chartArea .unitChart { width: calc(100% - 6rem); height: 14rem; margin: 7rem auto 0; } */
}
.localFade:after { content: ''; display: table; clear: both; }
.localFade .left { float: left; width: 48rem; }
.localFade .left .formSelect select { width: 12.7rem; }
.localFade .left .btnTxt { padding: 1rem 2.5rem; }
.localFade .left .mapCont { margin-top: 2rem; }
.localFade .right { float: left; width: calc(100% - 51rem); margin-left: 3rem; }
.localFade .right .tit { font-size: 1.7rem; font-weight: 700; padding: 1rem 0; margin-bottom: 2rem; }
.localFade .right .chartArea { background: #fafafa; padding: 4rem; border: 1px solid #ccc; border-radius: 1rem; }
.localFade .right .unitChart { height: 25rem; }
.localFade .right .unitLegend { margin-top: 4rem; }
.localFade .right .unitLegend:after { content: ''; display: table; clear: both; }
.localFade .right .unitLegend span { float: left; width: 20%; padding: 0 0; text-align: center; }
.localFade .right .unitLegend span i { display: block; width: 10rem; height: 10rem; margin: 0 auto .8rem; background: red; border-radius: 50%; color: #fff; font-size: 1.7rem; font-weight: bold; font-style: normal; }
.localFade .right .unitLegend span i em { font-weight: 700; display: block; text-align: center; font-size: 4rem; padding-top: 1.5rem; margin-bottom: .5rem; }
.localFade .right .unitLegend span strong { display: block; text-align: center; font-size: 1.5rem; margin-bottom: .8rem; }
.localFade .right .unitLegend span.lv01 i { background: #f0111b; }
.localFade .right .unitLegend span.lv01 strong { color: #f0111b; }
.localFade .right .unitLegend span.lv02 i { background: #f38532; }
.localFade .right .unitLegend span.lv02 strong { color: #f38532; }
.localFade .right .unitLegend span.lv03 i { background: #ffcc0d; }
.localFade .right .unitLegend span.lv03 strong { color: #ffcc0d; }
.localFade .right .unitLegend span.lv04 i { background: #9dc4e6; }
.localFade .right .unitLegend span.lv04 strong { color: #9dc4e6; }
.localFade .right .unitLegend span.lv05 i { background: #4db0f1; }
.localFade .right .unitLegend span.lv05 strong { color: #4db0f1; }
@media screen and (max-width: 1200px) { .localFade .left { float: none; width: 100%; text-align: center; }
.localFade .left .formSelect select { width: 10rem; }
.localFade .left .btnTxt { margin-top: .5rem; width: 10rem; }
.localFade .left .mapCont { margin-top: 1rem; }
.localFade .right { float: none; width: 100%; margin-left: 0; margin-bottom: 0; margin-top: 2rem; text-align: center; }
.localFade .right .tit { font-size: 1.4rem; padding: 0; margin-bottom: 1rem; }
.localFade .right .chartArea { padding: 2rem; }
.localFade .right .unitChart { height: 20rem; }
.localFade .right .unitLegend { margin-top: 2rem; display: inline-block; }
.localFade .right .unitLegend span { float: none; width: 100%; text-align: left; position: relative; height: 6rem; display: block; margin-bottom: 2rem; padding-left: 8rem; padding-top: 1rem; }
.localFade .right .unitLegend span i { display: block; width: 6rem; height: 6rem; margin: 0; font-size: 1.2rem; text-align: center; position: absolute; left: 0; top: 0; }
.localFade .right .unitLegend span i em { font-size: 3rem; padding-top: .5rem; margin-bottom: .5rem; }
.localFade .right .unitLegend span strong { display: block; text-align: left; font-size: 1.5rem; margin-bottom: .8rem; } }
.unitImglist:after { content: ''; display: table; clear: both; }
.unitImglist li { position: relative; }
.unitImglist li { float: left; overflow: hidden; margin-left: 1rem; border: 1px solid #cecece; border-radius: .6rem; width: 16.2rem; height: 11.2rem; background: url("../img/common/no_img.png"), #f6f6f6; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.unitImglist li .btn-close { position: absolute; right: 1rem; top: 1rem; }
@media screen and (max-width: 1200px) { .unitImglist { display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; -ms-flex-align: center; align-items: center; }
.unitImglist li { float: none; width: 20%; height: auto; margin: 0 .5rem; }
.unitImglist li .btn-close { position: absolute; right: 0; top: 0; width: auto; height: auto; transform: scale(0.7); } }
.secPop.addrSch .contents .container:after { content: ''; display: table; clear: both; }
.secPop.addrSch .contents .container > .left { float: left; width: 60rem; vertical-align: top; border-radius: 1rem; }
.secPop.addrSch .contents .container > .left .topSch { margin-bottom: 3rem; background: #f2f8ff; border: 1px solid #b4d7ff; border-radius: .8rem; padding: 2rem 5rem; }
.secPop.addrSch .contents .container > .left .topSch .formText { display: block; margin-bottom: 1rem; }
.secPop.addrSch .contents .container > .left .topSch .formText input { width: 100%; font-size: 1.9rem; color: #000; padding: 1rem 6rem 1rem 2rem; border: 0.2rem solid #214b7e; }
.secPop.addrSch .contents .container > .left .topSch .formCheckbox { margin-right: 2rem; }
.secPop.addrSch .contents .container > .left .topSch .info { color: #287fe8; font-size: 1.3rem; }
.secPop.addrSch .contents .container > .left .schResult .formBetween { margin-bottom: 1rem; }
.secPop.addrSch .contents .container > .left .schResult .formBetween:after { content: ''; display: table; clear: both; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .left { float: left; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .left .schTxt { font-size: 1.5rem; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .left .schTxt strong { color: #214b7e; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .right { float: right; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .right .formRadio + .formRadio { margin-left: 2rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList .tit { float: left; width: 75%; }
.secPop.addrSch .contents .container > .left .schResult .addrList .code { float: left; width: 15%; text-align: center; }
.secPop.addrSch .contents .container > .left .schResult .addrList .pin { float: left; width: 10%; text-align: center; }
.secPop.addrSch .contents .container > .left .schResult .addrList dt { text-align: center; background: #f1f1f1; border: 1px solid #ddd; border-radius: .5rem; padding: 1.5rem 1rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dt:after { content: ''; display: table; clear: both; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd { padding: 1rem 1rem; border-bottom: 1px solid #ddd; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd:after { content: ''; display: table; clear: both; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit { position: relative; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit a { max-width: calc(100% - 8rem); display: block; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit a strong { margin-bottom: 1rem; overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit a p.desc { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3rem; color: #666; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit button { position: absolute; top: 1rem; right: -.5rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .code { padding-top: 1rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .pin { padding-top: .5rem; }
.secPop.addrSch .contents .container > .right { float: right; width: 54rem; vertical-align: top; border-radius: 1rem; position: relative; }
.secPop.addrSch .contents .container > .right .unitPin { position: absolute; }
.secPop.addrSch .contents .container > .right .unitPin .box { width: 30rem; padding: 2rem; background: #fff; border: 1px solid #000; border-radius: .6rem; margin-top: .5rem; }
.secPop.addrSch .contents .container > .right .unitPin .box .tit { font-size: 1.5rem; margin-bottom: .5rem; display: block; line-height: 1.4; }
.secPop.addrSch .contents .container > .right .unitPin .box p { font-size: 1.3rem; color: #666; margin-bottom: 2rem; line-height: 1.4; }
.secPop.addrSch .contents .container > .right .mapArea { width: 100%; height: 54rem; border-radius: 1rem; }
@media screen and (max-width: 1200px) { .secPop.addrSch .contents .container > .left { float: none; width: 100%; }
.secPop.addrSch .contents .container > .left .topSch { margin-bottom: 1.5rem; border-radius: .8rem; padding: 1.5rem; }
.secPop.addrSch .contents .container > .left .topSch .formText input { font-size: 1.6rem; padding: .5rem 3rem 0.5rem 2rem; }
.secPop.addrSch .contents .container > .left .topSch .formCheckbox { margin-right: 1rem; }
.secPop.addrSch .contents .container > .left .topSch .info { color: #287fe8; font-size: 1.2rem; display: block; margin-top: .5rem; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .left { float: none; margin-bottom: 1rem; width: 100%; text-align: center; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .left .schTxt { font-size: 1.4rem; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .right { float: none; }
.secPop.addrSch .contents .container > .left .schResult .formBetween .right .formRadio + .formRadio { margin-left: 1rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList .tit { float: left; width: 65%; }
.secPop.addrSch .contents .container > .left .schResult .addrList .code { float: left; width: 20%; }
.secPop.addrSch .contents .container > .left .schResult .addrList .pin { float: left; width: 15%; }
.secPop.addrSch .contents .container > .left .schResult .addrList dt { text-align: left; background: #f1f1f1; border: 1px solid #ddd; padding: 1rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dt:after { content: ''; display: table; clear: both; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd { padding: 1rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd:after { content: ''; display: table; clear: both; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit a { max-width: 100%; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit a strong { margin-bottom: .5rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit a p.desc { font-size: 1.2rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .tit button { position: relative; top: 0; right: auto; margin-top: .5rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .code { padding-top: 1rem; }
.secPop.addrSch .contents .container > .left .schResult .addrList dd .pin { padding-top: .5rem; }
.secPop.addrSch .contents .container > .right { float: none; width: 100%; margin-top: 3rem; }
.secPop.addrSch .contents .container > .right .unitPin .box { width: 100%; padding: 1.5rem; margin-top: .5rem; }
.secPop.addrSch .contents .container > .right .unitPin .box .tit { font-size: 1.4rem; }
.secPop.addrSch .contents .container > .right .unitPin .box p { font-size: 1.2rem; margin-bottom: 1rem; }
.secPop.addrSch .contents .container > .right .mapArea { height: 29.6rem; border-radius: 1rem; } }
.swiperBox { position: relative; margin-bottom: 4rem; }
.swiperBox [class^="swiper-button-banner-prev"] { left: -3.5rem; background: none; top: 10rem; position: absolute; }
.swiperBox [class^="swiper-button-banner-next"] { right: -3.5rem; background: none; top: 10rem; position: absolute; }
.swiperBox [class*="swiperSchBanner"] { overflow: hidden; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a { display: block; position: relative; border: 1px solid #ddd; padding: 2rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .imgArea { position: relative; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .imgArea img { width: 100%; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .imgArea .icon-favorite { position: absolute; left: 0; right: 0; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .txtArea { margin-top: 2rem; position: relative; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .txtArea .left { font-size: 1.5rem; color: #666; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .txtArea .right { position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 1.5rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .txtArea .right .fin { color: #006cef; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .txtArea .right .ing { color: #128200; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .txtArea .right .stay { color: #666; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail { padding: 0 2rem; position: relative; margin-top: 1.5rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .left .circle { width: 4rem; height: 4rem; text-align: center; display: inline-block; background: #898989; border-radius: 50%; color: #fff; font-style: normal; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .left .circle + .circle { margin-left: .2rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .left .circle span { margin-top: 1rem; display: block; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .left .circle.blue { background: #4f94e8; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .right { position: absolute; top: 50%; transform: translateY(-50%); right: 2rem; text-align: right; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .right strong { font-size: 1.7rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .right p { margin-top: 1rem; font-size: 1.5rem; }
@media screen and (max-width: 1200px) { .swiperBox { margin-bottom: 4rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a { padding: 1rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .txtArea .left { font-size: 1.3rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide a .txtArea .right { position: relative; top: auto; right: auto; transform: none; font-size: 1.3rem; margin-top: .5rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail { padding: 0; margin-top: 1rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .left .circle { width: 3rem; height: 3rem; font-size: 1.3rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .left .circle span { margin-top: .9rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .right { position: relative; top: auto; right: auto; transform: none; text-align: left; margin-top: 1rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .right strong { font-size: 1.4rem; }
.swiperBox [class*="swiperSchBanner"] .swiper-slide .detail .right p { margin-top: .5rem; font-size: 1.3rem; } }
.pagin { margin-top: 2rem; text-align: center; }
.pagin li { display: inline-block; }
.pagin li button { width: 3rem; height: 3rem; border: 1px solid #ccc; border-radius: 50%; font-size: 1.7rem; background: #fff; transition: all 0.3s ease 0.1s; }
.pagin li button.current, .pagin li button:hover { background: #214b7e; border: 1px solid #214b7e; color: #fff; font-weight: 700; }
.pagin li + li { margin-left: .5rem; }
.pagin.xs li button { font-size: 1.3rem; border-radius: .3rem; height: 1.8rem; width: 1.8rem; border: none; background: #eee; }
.pagin.xs li button.current, .pagin.xs li button:hover { background: #4f94e8; }
.pagin.xs li button i { margin-top: .2rem; }
.pagin.xs li.start button, .pagin.xs li.prev button, .pagin.xs li.next button, .pagin.xs li.end button { background: #fff; }
.map_right { position: absolute; right: 3rem; top: 3rem; width: 7rem; background: #fff; border-radius: 1rem; border: 1px solid #f9f9f9; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); z-index: 2; }
.map_right .btnList_map { padding-top: 1rem; position: relative; }
.map_right .btnList_map button.mapRight { width: 100%; padding: 0.75rem 0; font-size: 1.3rem; position: relative; }
.map_right .btnList_map button.mapRight:last-child { margin-bottom: 1rem; }
.map_right .btnList_map button.mapRight:hover,/* .map_right .btnList_map button.mapRight:focus, */ .map_right .btnList_map button.mapRight.current { color: #4f94e8; }
.map_right .btnList_map button.mapRight i { display: block; text-align: center; margin-bottom: 1rem; background-repeat: no-repeat; background-position: center 0; }
.map_right .btnList_map button.mapRight.reflesh i { height: 2.8rem; background-image: url("../img/sub/map_btn_reflesh.png"); background-size:auto 5.6rem }
.map_right .btnList_map button.mapRight.map i { height: 2.8rem; background-image: url("../img/sub/map_btn_map.png"); background-size:auto 5.6rem}
.map_right .btnList_map button.mapRight.distance i { height: 2.6rem; background-image: url("../img/sub/map_btn_distance.png");background-size:auto 5.2rem }
.map_right .btnList_map button.mapRight.squre i { height: 2.2rem; background-image: url("../img/sub/map_btn_squre.png"); background-size:auto 4.4rem}
.map_right .btnList_map button.mapRight.plus i { height: 1.7rem; background-image: url("../img/sub/map_btn_plus.png"); background-size:auto 3.4rem }
.map_right .btnList_map button.mapRight.minus i { height: 1.7rem; background-image: url("../img/sub/map_btn_minus.png"); background-size:auto 3.4rem}
.map_right .btnList_map button.mapRight.earth i { height: 2.5rem; background-image: url("../img/sub/map_btn_earth.png"); background-size:auto 5rem}
.map_right .btnList_map button.mapRight.prev i { height: 1.6rem; background-image: url("../img/sub/map_btn_prev.png"); background-size:auto 3.2rem}
.map_right .btnList_map button.mapRight.next i { height: 1.6rem; background-image: url("../img/sub/map_btn_next.png"); background-size:auto 3.2rem}
.map_right .btnList_map button.mapRight.ruler i { height: 2.5rem; background-image: url("../img/sub/map_btn_ruler.png"); background-size:auto 5rem}
.map_right .btnList_map button.mapRight.range i { height: 2.5rem; background-image: url("../img/sub/map_btn_range.png"); background-size:auto 5rem}
.map_right .btnList_map button.mapRight.down i { height: 2.3rem; background-image: url("../img/sub/map_btn_down.png"); background-size:auto 4.6rem}
.map_right .btnList_map button.mapRight.road i { height: 2.8rem; background-image: url("../img/sub/map_btn_road.png"); background-size:auto 5.6rem }
.map_right .btnList_map button.mapRight.edit2 i { height: 2.1rem; background-image: url("../img/sub/map_btn_edit.png"); background-size:auto 4.2rem}
.map_right .btnList_map button.mapRight.reflesh:hover i, /* .map_right .btnList_map button.mapRight.reflesh:focus i, */ .map_right .btnList_map button.mapRight.reflesh.current i { background-position: center -2.8rem; }
.map_right .btnList_map button.mapRight.map:hover i, /* .map_right .btnList_map button.mapRight.map:focus i, */.map_right .btnList_map button.mapRight.map.current i { background-position: center -2.8rem; }
.map_right .btnList_map button.mapRight.distance:hover i,/* .map_right .btnList_map button.mapRight.distance:focus i, */.map_right .btnList_map button.mapRight.distance.current i { background-position: center -2.6rem; }
.map_right .btnList_map button.mapRight.squre:hover i, /* .map_right .btnList_map button.mapRight.squre:focus i, */ .map_right .btnList_map button.mapRight.squre.current i { background-position: center -2.2rem; }
.map_right .btnList_map button.mapRight.plus:hover i, /* .map_right .btnList_map button.mapRight.plus:focus i, */ .map_right .btnList_map button.mapRight.plus.current i { background-position: center -1.7rem; }
.map_right .btnList_map button.mapRight.minus:hover i, /* .map_right .btnList_map button.mapRight.minus:focus i, */ .map_right .btnList_map button.mapRight.minus.current i { background-position: center -1.7rem; }
.map_right .btnList_map button.mapRight.earth:hover i, /* .map_right .btnList_map button.mapRight.earth:focus i, */ .map_right .btnList_map button.mapRight.earth.current i { background-position: center -2.5rem; }
.map_right .btnList_map button.mapRight.prev:hover i,/* .map_right .btnList_map button.mapRight.prev:focus i, */.map_right .btnList_map button.mapRight.prev.current i { background-position: center -1.7rem; }
.map_right .btnList_map button.mapRight.next:hover i, /* .map_right .btnList_map button.mapRight.next:focus i, */ .map_right .btnList_map button.mapRight.next.current i { background-position: center -1.7rem; }
.map_right .btnList_map button.mapRight.ruler:hover i, /* .map_right .btnList_map button.mapRight.ruler:focus i, */ .map_right .btnList_map button.mapRight.ruler.current i { background-position: center -2.5rem; }
.map_right .btnList_map button.mapRight.range:hover i,/* .map_right .btnList_map button.mapRight.range:focus i, */ .map_right .btnList_map button.mapRight.range.current i { background-position: center -2.5rem; }
.map_right .btnList_map button.mapRight.down:hover i, /* .map_right .btnList_map button.mapRight.down:focus i, */ .map_right .btnList_map button.mapRight.down.current i { background-position: center -2.3rem; }
.map_right .btnList_map button.mapRight.road:hover i,/* .map_right .btnList_map button.mapRight.road:focus i, */ .map_right .btnList_map button.mapRight.road.current i { background-position: center -2.8rem; }
.map_right .btnList_map button.mapRight.edit2:hover i, /* .map_right .btnList_map button.mapRight.edit2:focus i, */ .map_right .btnList_map button.mapRight.edit2.current i { background-position: center -2.1rem; }
.map_right .btnList_map button.mapRight.plus { background: #f3f7ff; padding-top: 2rem; margin-top: 1rem; }
.map_right .btnList_map button.mapRight.minus { background: #f3f7ff; padding-bottom: 2rem; border-radius: 0 0 .5rem .5rem; margin-bottom: -1rem; }
.map_right .btnList_map .subBtn { position: absolute; background: #4f94e8; width: 6.3rem; border-radius: .5rem; color: #fff; text-align: center; left: -6.3rem; margin-top: -6rem; display: none; padding: 1rem 0; z-index: 1; }
.map_right .btnList_map button.mapRight.distance.current + .subBtn { display: block; }
.map_right .btnList_map .subBtn:after { content: ''; position: absolute; display: block; width: .7rem; height: 1.1rem; background: url("../img/sub/map_subBtn_arrow.png") center center no-repeat; background-size: contain; top: 1rem; right: -.7rem; }
.map_right .btnList_map .subBtn button { display: block; text-align: center; width: 100%; padding: 1rem 0; font-size: 1.3rem; opacity: .5; }
.map_right .btnList_map .subBtn button:hover, .map_right .btnList_map .subBtn button:focus, .map_right .btnList_map .subBtn button.current { opacity: 1; }
.map_right .btnList_map .subBtn button i { display: block; text-align: center; margin-bottom: 1rem; }
@media screen and (max-width: 1200px) { .map_right { right: 1.5rem; top: 1.5rem; width: 6.5rem; border-radius: .5rem; }
.map_right .btnList_map { padding-top: .5rem; }
.map_right .btnList_map button.mapRight { padding: 0.4rem 0; }
.map_right .btnList_map button.mapRight i { margin-bottom: 0; margin-top: 0; transform: scale(0.7); }
.map_right .btnList_map button.mapRight.plus { background: #f3f7ff; padding-top: 1rem; margin-top: .5rem; }
.map_right .btnList_map .subBtn { width: 6rem; left: -6rem; margin-top: -4rem; padding: .5rem 0; z-index: 1; }
.map_right .btnList_map button.mapRight.distance.current + .subBtn { display: block; }
.map_right .btnList_map .subBtn:after { content: ''; position: absolute; display: block; width: .7rem; height: 1.1rem; background: url("../img/sub/map_subBtn_arrow.png") center center no-repeat; background-size: contain; top: 1rem; right: -.7rem; }
.map_right .btnList_map .subBtn button { display: block; text-align: center; width: 100%; padding: .5rem 0; font-size: 1.3rem; opacity: .5; } }
.smlHouseReport { position: relative; }
.smlHouseReport .left { position: absolute; left: 0; top: 0; padding: 3rem; width: 50rem; height: calc(100% - 0rem); background: #f9f9f9; border-radius: 1rem; border: 1px solid #f9f9f9; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); z-index: 1; }
.smlHouseReport .left [class^='step'] > dl > dt.tit { font-size: 1.7rem; }
.smlHouseReport .left [class^='step'] > dl > dt { font-size: 1.5rem; font-weight: 700; margin-bottom: 2rem; }
.smlHouseReport .left [class^='step'] > dl > dd { font-size: 1.5rem; }
.smlHouseReport .left [class^='step'] > dl > dd + dt { margin-top: 3rem; }
.smlHouseReport .left [class^='step'] > dl > dd .unitList.dot li + li { margin-top: 1.5rem; }
.smlHouseReport .left [class^='step'] > dl > dd .unitList.dot li:before { top: 1rem; width: .2rem; height: .2rem; }
.smlHouseReport .left [class^='step'] > dl > dd .unitList.dot li .space { display: inline-block; width: 3.5rem; }
.smlHouseReport .left .bottomBtn { position: absolute; bottom: 3rem; left: 3rem; width: calc(100% - 6rem); }
.smlHouseReport .left .bottomBtn button:disabled { background: #ccc; border: 1px solid #ccc; }
.smlHouseReport .left .step02 dl dd .unitList li .inpRadio3 { margin: .7rem 0 1rem -1rem; }
.smlHouseReport .left .step02 dl dd .unitList li .inpRadio2 { margin: .7rem 0 1rem -1rem; }
.smlHouseReport .left .step02 dl dt.type2 { display: inline-block; width: 41%; vertical-align: middle; letter-spacing: -.15rem; margin-top: 1rem; margin-bottom: 0; }
.smlHouseReport .left .step02 dl dd.type2 { display: inline-block; width: 59%; margin-left: -.4rem; vertical-align: middle; font-size: 1.3rem; margin-top: 1rem; margin-bottom: 0; }
.smlHouseReport .left .step02 dl dd.type2 + dt.type2 { margin-top: 1.7rem; }
.smlHouseReport .left .step02 dl dd.type2 .formText { width: 100%; }
.smlHouseReport .left .step02 dl dd.type2 .formText + .formText { margin-left: 1rem; }
.smlHouseReport .left .step02 dl dd.type2 .formText label { display: none; }
.smlHouseReport .left .step02 dl dd.type2 .formText input { width: 100%; padding: 0 2.3rem 0 1rem; font-size: 1.3rem; height: 3rem; text-align: right; }
.smlHouseReport .left .step02 dl dd.type2 .formText .unit { right: 1rem; color: #999; font-size: 1.3rem; position: absolute; top: 50%; transform: translateY(-50%); }
.smlHouseReport .left .step02 dl dd.type2.edit1 .formText label { font-size: 1.3rem; margin-right: 1rem; display: inline-block; }
.smlHouseReport .left .step02 dl dd.type2.edit1 .formText { width: calc(50% - .7rem); }
.smlHouseReport .left .step02 dl dd.type2.edit1 .formText input { width: 6rem; }
.smlHouseReport .left .step02 dl dd.type2.edit2 .formSelect label { display: none; }
.smlHouseReport .left .step02 dl dd.type2.edit2 .formSelect select { width: 13rem; height: 3rem; padding: 0 1rem; }
/* .smlHouseReport .left .step02 dl dd.type2.edit2 .formText { width: 5.6rem; margin-left: 1rem; } */
.smlHouseReport .left .step03 dl dd .unitList li .inpRadio3 { margin: .7rem 0 1rem -1rem; }
.smlHouseReport .left .step03 dl dd .unitList li .inpRadio2 { margin: .7rem 0 1rem -1rem; }
.smlHouseReport .left .step03 dl dt.tit { margin-bottom: 0; }
.smlHouseReport .left .step03 dl dt.type2 { display: inline-block; width: 8rem; vertical-align: middle; letter-spacing: -.15rem; margin-top: 1rem; margin-bottom: 0; }
.smlHouseReport .left .step03 dl dd.type2 { display: inline-block; width: calc(100% - 8rem); margin-left: -.4rem; vertical-align: middle; font-size: 1.3rem; margin-top: 1rem; margin-bottom: 0; }
.smlHouseReport .left .step03 dl dd.type2 + dt.type2 { margin-top: 1.7rem; }
.smlHouseReport .left .step03 dl dd.type2 .formSelect { width: 100%; }
.smlHouseReport .left .step03 dl dd.type2 .formSelect label { display: none; }
.smlHouseReport .left .step03 dl dd.type2 .formSelect select { width: 100%; height: 3rem; padding: 0 1rem; }
.smlHouseReport .left .step03 dl dd.type2 .formText { width: 100%; }
.smlHouseReport .left .step03 dl dd.type2 .formText + .formText { margin-left: 1rem; }
.smlHouseReport .left .step03 dl dd.type2 .formText label { display: none; }
.smlHouseReport .left .step03 dl dd.type2 .formText input { width: 100%; padding: 0 2.3rem 0 1rem; font-size: 1.3rem; height: 3rem; text-align: right; }
.smlHouseReport .left .step03 dl dd.type2 .formText .unit { right: 1rem; color: #999; font-size: 1.3rem; position: absolute; top: 50%; transform: translateY(-50%); }
.smlHouseReport .left .step03 dl dd.type2.edit1 .formText label { font-size: 1.3rem; margin-right: 1rem; display: inline-block; width: 3.4rem; }
.smlHouseReport .left .step03 dl dd.type2.edit1 .formText { width: calc(50% - .7rem); }
.smlHouseReport .left .step03 dl dd.type2.edit1 .formText input { width: 7.8rem; }
.smlHouseReport .left .step03 dl dt.type2.edit2 { display: block; }
.smlHouseReport .left .step03 dl dd.type2.edit2 { display: block; width: 100%; }
.smlHouseReport .left .step03 dl dd.type2.edit2 .unitTable { max-height: 22.5rem; overflow-y: auto; border-radius: .5rem; }
.smlHouseReport .left .step03 dl dd.type2.edit2 .unitTable table { min-width: 100%; font-size: 1.3rem; }
.smlHouseReport .left .step03 dl dd.type2.edit2 .unitTable table th { padding: .5rem .8rem; background: #eee; color: #666; }
.smlHouseReport .left .step03 dl dd.type2.edit2 .unitTable table thead tr th { border: none; border-bottom: 1px solid #ccc; }
.smlHouseReport .left .step03 dl dd.type2.edit2 .unitTable table thead tr th + th { border-left: 1px solid #ccc; }
.smlHouseReport .left .step03 dl dd.type2.edit2 .unitTable table td { padding: .5rem .8rem; color: #666; }
.smlHouseReport .left .step03 dl dd.type2.edit2 .unitTable table td .box { display: block; padding: .1rem; border: 1px solid #ccc; }
.smlHouseReport .mapArea { width: calc(100% - 52rem); margin-left: 52rem; height: 85rem; border-radius: 1rem; border: 1px solid #eee; overflow: hidden; position: relative; }
.smlHouseReport .mapArea .areaCont { position: absolute; border: 0.2rem solid #f40084; background: rgba(244, 0, 132, 0.2); }
.smlHouseReport .mapArea .lineCont { height: 0.2rem; position: absolute; }
.smlHouseReport .mapArea .lineCont:before { content: ''; position: absolute; width: 1rem; height: 1rem; border-radius: 50%; top: -.4rem; left: -.5rem; }
.smlHouseReport .mapArea .lineCont:after { content: ''; position: absolute; width: 1rem; height: 1rem; border-radius: 50%; top: -.4rem; right: -.5rem; }
.smlHouseReport .mapArea .lineCont.red, .smlHouseReport .mapArea .lineCont.red:before, .smlHouseReport .mapArea .lineCont.red:after { background: #f40084; z-index: 1; }
.smlHouseReport .mapArea .lineCont.blue, .smlHouseReport .mapArea .lineCont.blue:before, .smlHouseReport .mapArea .lineCont.blue:after { background: #214b7e; z-index: 2; }
/* .smlHouseReport .termsArea { position: absolute; display: none; left: 47rem; top: 3rem; padding: 5rem; max-width: 65rem; width: calc(100% - 61rem); height: calc(100% - 6rem); background: #d8e5f6; border-radius: 1rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); z-index: 4; text-align: center; overflow-y: auto; } */
/* 03/15 변경 */
.smlHouseReport .termsArea {position: absolute;display: none;left: 62rem;top: 0.5rem;padding: 4rem;max-width: 68rem;width: calc(100% - 61rem);height: calc(100% - 1rem);background: #d8e5f6;border-radius: 1rem;box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);z-index: 4;text-align: center;overflow-y: auto;}
.smlHouseReport .termsArea .wrapper { background: #d8e5f6; }
.smlHouseReport .termsArea.on { display: block; }
.smlHouseReport .termsArea .btn-close { position: absolute; right: 3rem; top: 3rem; }
.smlHouseReport .termsArea h4 { font-size: 1.7rem; margin-top: 2.4rem; margin-bottom: 4rem; line-height: 1.4; }
.smlHouseReport .termsSec { display: block; text-align: left; }
.smlHouseReport .termsSec + .termsSec { margin-top: 3rem; }
.smlHouseReport .termsSec .formCheckbox label { font-size: 1.7rem; font-weight: 700; }
.smlHouseReport .termsSec .formCheckbox label:before { width: 2.5rem; height: 2.4rem; border-radius: 50%; background-image: url(../img/common/icon_checkbox02.png); top: .2rem; background-repeat: no-repeat; }
.smlHouseReport .termsSec .formCheckbox input:checked + label:before { background-image: url(../img/common/icon_checkbox02_on.png); }
.smlHouseReport .termsSec .unitList { color: #666; margin-top: 2.4rem; font-size: 1.5rem; }
.smlHouseReport .bottomBtn { margin-top: 3rem; }
.tradeMapArea { position: relative; height:calc(100vh - 4rem)}
.tradeMapArea .mapTab01 { display: none; }
.tradeMapArea .mapTab02 { display: none; min-height: 71rem; height: calc(100vh - 35.8rem); overflow-y: auto; }
.tradeMapArea .mapTab01.current, .tradeMapArea .mapTab02.current { display: block; }
.tradeMapArea > .btnToggle { position: absolute; height: 6rem; top: 9.6rem; left: 29.2rem; width: 1.8rem; border-radius: 0 .5rem .5rem 0; background: #4f94e8; z-index: 2; transform: none; transition: all 0.3s ease 0.1s; }
.tradeMapArea > .btnToggle i { margin-top: .4rem; }
.tradeMapArea > .btnToggle:before { display: none; }
.tradeMapArea > .btnToggle.open { left: -1.8rem; transform: scaleX(-1); }
.tradeMapArea > .left { width: 29rem; vertical-align: top; height: 100%; padding-bottom: 3rem; border-radius: 1rem; border: 1px solid #eee; transition: all 0.3s ease 0.1s; }
.tradeMapArea > .left.min { width: 0; overflow: hidden; border: none; padding-bottom: 0; position: absolute; }
.tradeMapArea > .left.min div { display: none; }
.tradeMapArea > .left .topArea .logoArea { padding: 3.55rem 0; text-align: center; }
.tradeMapArea > .left .topArea .logoArea a { display: block; }
.tradeMapArea > .left .contArea .btnArea { background: #4f94e8; text-align: center; position: relative; margin: 0 -.1rem; }
.tradeMapArea > .left .contArea .btnArea button { width: calc(50% - .2rem); font-size: 1.5rem; color: #fff; height: 6rem; position: relative; font-weight: 400; opacity: .5; }
.tradeMapArea > .left .contArea .btnArea button.current { font-weight: 700; opacity: 1; }
.tradeMapArea > .left .contArea .btnArea button + button:before { content: ''; position: absolute; display: block; width: .1rem; height: 1.5rem; background: rgba(255, 255, 255, 0.5); left: 0; top: 2.2rem; }
.tradeMapArea > .left .contArea .resultTxt p { text-align: center; font-size: 1.3rem; color: #666; padding: 2rem 0; line-height: 1.4; }
.tradeMapArea > .left .contArea .unitTab { padding: 0 3rem; }
.tradeMapArea > .left .contArea .unitTab ul { overflow: hidden; padding-bottom: .2rem; margin-bottom: 0; }
.tradeMapArea > .left .contArea .unitTab ul:after { top: 3.4rem; }
.tradeMapArea > .left .contArea .unitTab ul li { float: left; width: 33%; display: block; }
.tradeMapArea > .left .contArea .unitTab ul li:nth-child(2) { width: 34%; }
.tradeMapArea > .left .contArea .unitTab ul li + li { margin-left: 0; }
.tradeMapArea > .left .contArea .unitTab ul li button { font-size: 1.4rem; padding: 1rem 2rem; }
.tradeMapArea > .left .contArea .houseList { overflow-y: auto; height: calc(100vh - 38rem); min-height: 55.7rem; }
.tradeMapArea > .left .contArea .houseList ul li { padding: 1.5rem 3rem; position: relative; }
.tradeMapArea > .left .contArea .houseList ul li.current { background: #f9f9f9; }
.tradeMapArea > .left .contArea .houseList ul li .imgArea { float: none; width: 10rem; vertical-align: top; }
.tradeMapArea > .left .contArea .houseList ul li .imgArea img { width: 10rem; }
.tradeMapArea > .left .contArea .houseList ul li .imgArea .desc { font-size: 1.3rem; color: #666; margin-top: 1.5rem; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea { float: none; width: 12rem; vertical-align: top; position: absolute; left: 14rem; top: 3rem; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont span { font-size: 1.2rem; display: inline-block; border-radius: .5rem; background: #ededed; padding: .8rem 0; width: 3.2rem; white-space: nowrap; text-align: center; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont span.blue { background: #4f94e8; color: #fff; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont span.green { background: #7fb249; color: #fff; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont span.yellow { background: #d9bb52; color: #fff; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont span.gray { background: #666; color: #fff; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont span + span { margin-left: 0; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox { border-radius: .5rem; padding: 0; width: auto; background: transparent !important; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox label { padding: 0; line-height: 1; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox label:before { display: none; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox label span { border-radius: .5rem; padding: .8rem .4rem; width: auto; background: #eee !important; color: #000 !important; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox.blue input:checked + label span { background: #4f94e8 !important; color: #fff !important; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox.green input:checked + label span { background: #7fb249 !important; color: #fff !important; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox.yellow input:checked + label span { background: #d9bb52 !important; color: #fff !important; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox.gray input:checked + label span { background: #666 !important; color: #fff !important; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont .formCheckbox input:disabled + label { cursor: default; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea p.info { font-size: 1.3rem; padding: .7rem 0; line-height: 1.4; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .btnCont button { font-size: 1.3rem; background: #214b7e; border: none; color: #fff; height: 3rem; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .btnCont button.addFavorite { background: none; margin-left: 0; }
.tradeMapArea > .left .contArea .nohouseList { margin-top: 4rem; min-height: 52rem; height: calc(100vh - 42rem); } /* 22-02-10 GIS*/
.tradeMapArea > .left .contArea .nohouseList p { text-align: center; font-size: 1.3rem; }
.tradeMapArea > .left .contArea hr.line { height: 1px; background: #666; width: calc(100% - 6rem); margin: auto; padding: 0; }
.tradeMapArea > .left .contArea .complexList { position: relative; margin: auto; padding: 2rem 0; overflow-y: auto; height: calc(100vh - 25rem); }
.tradeMapArea > .left .contArea .complexList dl .tit { color: #666; font-size: 1.5rem; position: absolute; margin-top: 3rem; margin-left: 3rem; line-height: 1.4; overflow: hidden; display: -webkit-box; width: 11.5rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 1.5rem; line-height: 1.4; height: 7rem; }
.tradeMapArea > .left .contArea .complexList dl .tit .num { display: block; margin-bottom: 1rem; }
.tradeMapArea > .left .contArea .complexList dl .desc { padding: 2.5rem; }
.tradeMapArea > .left .contArea .complexList dl .desc:hover, .tradeMapArea > .left .contArea .complexList dl .desc.current { background: #f9f9f9; }
.tradeMapArea > .left .contArea .complexList dl .desc button { display: block; width: 8.6rem; margin-left: calc(100% - 8.6rem); }
.tradeMapArea > .left .contArea .complexList dl .desc button + button { margin-top: 1rem; }
.tradeMapArea > .right { position: absolute; left: 30rem; top: 0; width: calc(100% - 53rem); vertical-align: top; height:100%; margin-bottom: 2rem; border-radius: 1rem; border: 1px solid #eee; z-index: 1; overflow: hidden; transition: all 0.3s ease 0.1s; }
.tradeMapArea > .right.wide { left: 0; width: 100%; position: relative; }
.tradeMapArea > .right .topArea { padding: 3rem; border-bottom: 1px solid #eee; position: relative; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn label { padding: 0.6rem 1rem; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn + .formCheckbox.typeBtn { margin-left: 2rem; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn label:before { border-radius: .5rem; border: none; background: #eee; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn input:checked + label span { padding-left: 2rem; font-weight: 700; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn input:checked + label:after { content: ''; width: 1.3rem; height: 1rem; background: url("../img/common/chkIcon.png") center center no-repeat; display: block; position: absolute; top: 1rem; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn.blue input:checked + label:before { background: #4f94e8; color: #fff; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn.green input:checked + label:before { background: #7fb249; color: #fff; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn.yellow input:checked + label:before { background: #d9bb52; color: #fff; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn.gray input:checked + label:before { background: #666; color: #fff; }
.tradeMapArea > .right .topArea .right { position: absolute; top: 3rem; right: 3rem; }
.tradeMapArea > .right .topArea .right .formRadio.typeBtn + .formRadio.typeBtn { margin-left: 1rem; }
.tradeMapArea > .right .topArea .right .formRadio.typeBtn label { min-height: auto; padding: .5rem 1rem; }
.tradeMapArea > .right .topArea .right .formRadio.typeBtn label:before { border-radius: .5rem; }
.tradeMapArea > .right .topArea .right .formRadio.typeBtn input:checked + label span { color: #4f94e8; font-weight: 700; }
.tradeMapArea > .right .topArea .right .formRadio.typeBtn input:checked + label:before { border: 1px solid #4f94e8; background: #fff; }
.tradeMapArea > .right .topArea .right > button { background: #eee; border-radius: .5rem; padding: .8rem; margin-left: 1rem; }
/* .tradeMapArea > .right .contArea { position: relative; height: calc(100vh - 13.5rem); min-height: 80rem; } */
.tradeMapArea > .right .contArea { position: relative; height:100%; min-height: 80rem; }
.tradeMapArea > .right .contArea .location { position: absolute; z-index: 3; padding: 2rem 4rem; background: #fff; border: 0.2rem solid #4f94e8; border-radius: .5rem; top: 3rem; left: 50%; transform: translateX(-50%); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); min-width: 45rem; }
.tradeMapArea > .right .contArea .location i { vertical-align: 0; }
.tradeMapArea > .right .contArea .location i.icon-pin_blue2 { vertical-align: -.4rem; }
.tradeMapArea > .right .contArea .location i.icon-down-arrow2 { vertical-align: -.4rem; }
.tradeMapArea > .right .contArea .location .land { display: inline-block; margin: 0 1.5rem; width: 7rem; overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.tradeMapArea > .right .contArea .location button { vertical-align: 0; }
.tradeMapArea > .right .contArea .location .selectArea { display: none; position: absolute; width: calc(100% + .4rem); margin-top: 1.5rem; left: -.2rem; padding: 0; background: #fff; border: 0.2rem solid #4f94e8; border-radius: 0 0 0.5rem 0.5rem; text-align: center; }
.tradeMapArea > .right .contArea .location .selectArea .selLand { width: 14.7rem; display: inline-block; vertical-align: top; height: 15rem; overflow-y: auto; padding-top: 1rem; }
.tradeMapArea > .right .contArea .location .selectArea .selLand + .selLand { margin-left: -.4rem; }
.tradeMapArea > .right .contArea .location .selectArea .selLand li { cursor: pointer; }
.tradeMapArea > .right .contArea .location .selectArea .selLand li a { padding: .2rem 1rem; display: block; line-height: 1.4; font-size: 1.4rem; color: #666; }
.tradeMapArea > .right .contArea .location .selectArea .selLand li a.current { background: #eee; color: #000; font-weight: 700; }
.tradeMapArea > .right .contArea .location .selectArea .btnArea { display: block; text-align: center; margin: auto; padding: 1rem; }
.tradeMapArea > .right .contArea .location .selectArea .btnArea button { width: 100%; background: #4f94e8; border: 1px solid #4f94e8; padding: 1.5rem 0; }
.tradeMapArea > .right .contArea .map_right.type2 { top: 36.5rem; }
.tradeMapArea > .right .contArea .map_right.type3 { top: 58rem; }
.tradeMapArea > .right .contArea .map_bottom { position: absolute; bottom: 3rem; left: 1rem; z-index: 1; }
.tradeMapArea > .right .contArea .map_bottom span { display: inline-block; background: #fff; border: 1px solid #666; color: #666; border-radius: .5rem; padding: 1rem 1.5rem; font-size: 1.3rem; overflow: hidden; }
.tradeMapArea > .right .contArea .map_bottom span + span { margin-left: 1rem; }
.tradeMapArea > .right .contArea .mapArea { position: relative; overflow: hidden; height: 100vh; }
.tradeMapArea > .right .contArea .mapArea > img { max-width: none; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop { position: absolute; background: #fff; border-radius: .5rem; padding: 3rem; width: 57rem; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; z-index: 3; }
/* 20220303 GIS삭제 */
/* .tradeMapArea > .right .contArea .mapArea .dtlInfoPop:after { content: ''; width: 2.5rem; height: 2.2rem; position: absolute; left: 50%; bottom: -2rem; transform: translateX(-50%); background: url("../img/sub/box_arrow_white.png") center center no-repeat; background-size: contain; } */
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .btn-close { position: absolute; top: 2rem; right: 2rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .tit { font-size: 1.7rem; text-align: center; margin-bottom: 3rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable { border-radius: 0; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable table { min-width: 100%; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable table th { background: #f9f9f9; font-weight: 400; text-align: left; vertical-align: middle; padding: 1rem 2rem; line-height: 1.4; font-size: 1.5rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable table th.addr { background: #e0edfe; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable table td { border-left: 1px solid #eee; vertical-align: middle; padding: 1rem 2rem; text-align: center; font-size: 1.5rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable + .pageTitSub { margin-top: 3rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .imgArea { text-align: center; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .imgArea img { max-height: 24.6rem; width: auto; }
.tradeMapArea > .right .contArea .typeBox { position: absolute; z-index: 1; font-size: 1.7rem; font-weight: 700; background: #eee; color: #666; border-radius: .5rem; padding: 1rem; }
.tradeMapArea > .right .contArea .typeBox i { margin-right: 1rem; vertical-align: -.4rem; }
.tradeMapArea > .right .contArea .typeBox:after { content: ''; position: absolute; bottom: -1rem; left: 50%; width: 1.8rem; height: 1.1rem; background-size: contain; background-repeat: no-repeat; transform: translateX(-50%); }
.tradeMapArea > .right .contArea .typeBox.darkBlue { background: #214b7e; color: #fff; font-size: 1.4rem; }
.tradeMapArea > .right .contArea .typeBox.darkBlue:after { background-image: url("../img/sub/box_arrow_darkblue.png"); }
.tradeMapArea > .right .contArea .typeBox.blue { background: #4f94e8; color: #fff; }
.tradeMapArea > .right .contArea .typeBox.blue:after { background-image: url("../img/sub/box_arrow_blue.png"); }
.tradeMapArea > .right .contArea .typeBox.green { background: #7fb249; color: #fff; }
.tradeMapArea > .right .contArea .typeBox.green:after { background-image: url("../img/sub/box_arrow_green.png"); }
.tradeMapArea > .right .contArea .typeBox.yellow { background: #d9bb52; color: #fff; }
.tradeMapArea > .right .contArea .typeBox.yellow:after { background-image: url("../img/sub/box_arrow_yellow.png"); }
.tradeMapArea > .right .contArea .typeBox.gray { background: #666; color: #fff; }
.tradeMapArea > .right .contArea .typeBox.gray:after { background-image: url("../img/sub/box_arrow_gray.png"); }
.tradeMapArea > .right .contArea .typeBox.empty { padding: 0; background: transparent; }
.tradeMapArea > .right .contArea .houseDtl { position: absolute; width: 60rem; height: 100%; left: 0; top: 0; border-left: 1px solid #eee; background: #fff; opacity: 0; z-index: -1; }
.tradeMapArea > .right .contArea .houseDtl.ready { z-index: 3; opacity: 1; display: none; }
.tradeMapArea > .right .contArea .houseDtl .houseBtnClose { position: absolute; right: -3.4rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper { width: 100%; height: 100%; left: 0; top: 0; overflow-y: auto; padding: 3rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .btnTabArea { margin-bottom: 2.5rem; width: 52rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .btnTabArea button { width: 50%; border: 1px solid #eee; margin-left: 0; font-size: 1.5rem; color: #666; padding: 2rem 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .btnTabArea button + button { margin-left: -.4rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .btnTabArea button.current { background: #e0edfe; border: 1px solid #e0edfe; color: #000; font-weight: 700; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 { display: none; width: 52rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01.current { display: block; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont { position: relative; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .icon { font-size: 1.5rem; font-weight: 700; color: #fff; display: inline-block; padding: .5rem 2rem; border-radius: .5rem; margin-right: 1rem; font-style: normal; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .icon.blue { background-color: #4f94e8; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .icon.green { background-color: #7fb249; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .icon.yellow { background-color: #d9bb52; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .icon.gray { background-color: #666; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea { margin-bottom: 1rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn + .formCheckbox.typeBtn { margin-left: 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn label { font-size: 1.5rem; font-weight: 700; color: #666; display: inline-block; padding: .5rem 2rem; border-radius: .5rem; margin-right: 1rem; font-style: normal; line-height: 1; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn label:before { border-radius: .5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn.blue input:checked + label:before { background: #4f94e8; border: 1px solid #327ad3; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn.green input:checked + label:before { background: #7fb249; border: 1px solid #7fb249; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn.yellow input:checked + label:before { background: #d9bb52; border: 1px solid #d9bb52; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn.gray input:checked + label:before { background: #666; border: 1px solid #666; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn input:disabled + label { cursor: default; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn input:disabled + label:before { background: #fff; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn input:disabled + label span { color: #666; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn input:disabled:checked + label span { color: #fff; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .tit { font-size: 1.7rem; font-weight: 700; display: inline-block; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .num { position: absolute; right: 0; top: .2rem; font-size: 1.7rem; color: #666; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr { margin-top: 2rem; font-size: 1.3rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr span { width: 4rem; display: inline-block; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr + .addr { margin-top: 1rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .date { position: absolute; right: 0; bottom: 0; font-size: 1.3rem; font-weight: 700; color: #f40084; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .bodyAreaCont { margin-top: 3rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li { width: calc(20% - .25rem); }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li + li { margin-left: 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .pageTitSub { margin-bottom: 2rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents div + .pageTitSub { margin-top: 5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitList.bili { position: absolute; margin-top: -3.5rem; width: 100%; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitList.bili li { width: 100%; font-size: 1.3rem; text-align: right; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitList.bili li:before { margin-left: -1.5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable { border-radius: 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table { min-width: 100%; font-size: 1.3rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table tr th { padding: 1rem 1.5rem; background: #f9f9f9; vertical-align: middle; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table tr th + th { border-left: 1px solid #ddd; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table tr th + td { border-left: 1px solid #ddd; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table tr td { text-align: left; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table tbody.center th { text-align: center; padding: 1rem 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table tbody.center td { text-align: center; padding: 1rem 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper { overflow: hidden; position: relative; margin-bottom: 3rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper [class^='swiper-button-prev'] { background: none; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper [class^='swiper-button-next'] { background: none; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont02 { display: none; width: 52rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont02.current { display: block; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont02 .bodyAreaCont .unitMaplist { margin: 3rem 0 1rem; height: 29.2rem; overflow: hidden; position: relative; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont02 .bodyAreaCont .unitMaplist .mapMarker { position: absolute; }
@media screen and (max-width: 1200px) { .tradeMapArea .mapTab02 { min-height: auto; height: auto; margin-bottom: -1.5rem; }
.tradeMapArea > .btnToggle { display: none; }
.tradeMapArea > .left { width: 100%; height: auto; padding-bottom: 1.5rem; }
.tradeMapArea > .left .topArea .logoArea { padding: 2rem 0; }
.tradeMapArea > .left .contArea .btnArea button { font-size: 1.4rem; height: 4rem; }
.tradeMapArea > .left .contArea .btnArea button + button:before { top: 1rem; }
.tradeMapArea > .left .contArea .resultTxt p { padding: 1.5rem 0; }
.tradeMapArea > .left .contArea .unitTab { padding: 0 1.5rem; }
.tradeMapArea > .left .contArea .unitTab ul { padding-bottom: .1rem; }
.tradeMapArea > .left .contArea .unitTab ul li button { font-size: 1.3rem; }
.tradeMapArea > .left .contArea .houseList { height: auto; overflow: visible; min-height: auto; }
.tradeMapArea > .left .contArea .houseList ul li { padding: 1.5rem; }
.tradeMapArea > .left .contArea .houseList ul li .imgArea { width: 10rem; }
.tradeMapArea > .left .contArea .houseList ul li .imgArea .desc { margin-top: 1rem; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea { width: calc(100% - 13rem); vertical-align: top; position: absolute; left: 13rem; top: 1.5rem; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont span { padding: .4rem 0; min-width: calc(50% - 1rem); width: auto; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont > .formCheckbox { border-radius: .25rem; min-width: calc(12% - .3rem); }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont > .formCheckbox label { display: block; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .badgeCont > .formCheckbox label span { border-radius: .25rem; background: transparent; padding: .4rem .2rem; min-width: auto; width: 100%; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea p.info { padding: .8rem 0; }
.tradeMapArea > .left .contArea .houseList ul li .dtlArea .btnCont button { height: 3rem; }
.tradeMapArea > .left .contArea .nohouseList { margin-top: 3rem; min-height: auto; height: auto; margin-bottom: 1.5rem; }
.tradeMapArea > .left .contArea .nohouseList p { font-size: 1.2rem; }
.tradeMapArea > .left .contArea hr.line { width: calc(100% - 3rem); }
.tradeMapArea > .left .contArea .complexList { padding: 1rem 0; height: 30rem; }
.tradeMapArea > .left .contArea .complexList dl .tit { font-size: 1.5rem; margin-top: 1.5rem; margin-left: 1.5rem; overflow: hidden; display: -webkit-box; width: calc(100% - 11.5rem); -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 1.5rem; line-height: 1.4; height: 7rem; }
.tradeMapArea > .left .contArea .complexList dl .tit .num { margin-bottom: .5rem; }
.tradeMapArea > .left .contArea .complexList dl .desc { padding: 1.5rem 1.5rem; }
.tradeMapArea > .left .contArea .complexList dl .desc button { width: 8.6rem; margin-left: calc(100% - 8.6rem); font-size: 1.3rem; }
.tradeMapArea > .left .contArea .complexList dl .desc button + button { margin-top: .5rem; }
.tradeMapArea > .left .contArea .mapTab02 .complexList + .pagin.xs { margin-bottom: 1.5rem; }
.tradeMapArea > .right { position: relative; left: 0; width: 100%; height: auto; margin-top: 2rem; }
.tradeMapArea > .right .topArea { padding: 1.5rem; }
.tradeMapArea > .right .topArea .left { text-align: center; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn label { padding: 0.4rem .8rem; font-size: 1.3rem; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn + .formCheckbox.typeBtn { margin-left: .5rem; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn input:checked + label span { padding-left: 1.5rem; }
.tradeMapArea > .right .topArea .left .formCheckbox.typeBtn input:checked + label:after { content: ''; width: 1rem; height: 1rem; background-size: contain; top: .8rem; }
.tradeMapArea > .right .topArea .right { position: relative; top: 0; right: 0; border-top: 1px solid #eee; text-align: center; padding: 1rem 0 0 0; margin: 1rem 0 0 0; }
.tradeMapArea > .right .topArea .right .formRadio.typeBtn + .formRadio.typeBtn { margin-left: .5rem; }
.tradeMapArea > .right .topArea .right .formRadio.typeBtn label { min-height: auto; padding: .4rem 1rem; font-size: 1.3rem; }
.tradeMapArea > .right .topArea .right > button { background: #eee; border-radius: .5rem; padding: .6rem; margin-left: .5rem; }
.tradeMapArea > .right .contArea { height: calc(100vh - 40rem); min-height: 65rem; }
.tradeMapArea > .right .contArea .location { padding: 1rem 1rem; border: 1px solid #4f94e8; top: 1.5rem; width: calc(100% - 2rem); text-align: center; font-size: 1.3rem; min-width: auto; }
.tradeMapArea > .right .contArea .location i { vertical-align: 0; }
.tradeMapArea > .right .contArea .location i.icon-pin_blue2 { vertical-align: -.2rem; }
.tradeMapArea > .right .contArea .location i.icon-down-arrow2 { vertical-align: -.8rem; }
.tradeMapArea > .right .contArea .location .land { display: inline-block; margin: 0 1rem; overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; max-width: 5rem; }
.tradeMapArea > .right .contArea .location button { vertical-align: .2rem; }
.tradeMapArea > .right .contArea .location .selectArea { width: calc(100% + .2rem); margin-top: .7rem; left: -.1rem; padding: 1rem 0 0; border: 1px solid #4f94e8; }
.tradeMapArea > .right .contArea .location .selectArea .selLand { width: 33%; padding-top: 0; }
.tradeMapArea > .right .contArea .location .selectArea .selLand:nth-child(2) { width: 34%; }
.tradeMapArea > .right .contArea .location .selectArea .selLand li a { padding: .2rem 1rem; display: block; line-height: 1.4; font-size: 1.3rem; }
.tradeMapArea > .right .contArea .location .selectArea .btnArea { margin-top: 0; }
.tradeMapArea > .right .contArea .location .selectArea .btnArea button { padding: .7rem 0; }
.tradeMapArea > .right .contArea .map_right.type2 { top: 25.2rem; }
.tradeMapArea > .right .contArea .map_right.type3 { top: 41rem; }
.tradeMapArea > .right .contArea .map_bottom { position: absolute; bottom: 2rem; left: 2rem; z-index: 1; }
.tradeMapArea > .right .contArea .map_bottom span { display: inline-block; background: #fff; border: 1px solid #666; color: #666; border-radius: .5rem; padding: 1rem 1.5rem; font-size: 1.3rem; overflow: hidden; }
.tradeMapArea > .right .contArea .map_bottom span + span { margin-left: 1rem; }
.tradeMapArea > .right .contArea .mapArea { position: relative; overflow: hidden; height: 70rem; }
.tradeMapArea > .right .contArea .mapArea > img { max-width: none; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop { position: fixed; padding: 1.5rem; width: 100%; height: 100vh; top: 0; left: 0; transform: none; overflow-y: auto; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop:after { display: none; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .btn-close { position: absolute; top: 1rem; right: 1rem; z-index: 1; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .tit { font-size: 1.5rem; margin-bottom: 1.5rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable table th { padding: .5rem .5rem; font-size: 1.3rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable table td { padding: .5rem .5rem; font-size: 1.3rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .pageTitSub { margin-bottom: 1rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .unitTable + .pageTitSub { margin-top: 3rem; }
.tradeMapArea > .right .contArea .mapArea .dtlInfoPop .imgArea img { max-height: 15rem; }
.tradeMapArea > .right .contArea .typeBox { font-size: 1.3rem; padding: .8rem; }
.tradeMapArea > .right .contArea .typeBox i { margin-right: .5rem; }
.tradeMapArea > .right .contArea .typeBox:after { bottom: -.7rem; width: 1.9rem; height: .7rem; }
.tradeMapArea > .right .contArea .typeBox.empty { width: 3.5rem; }
.tradeMapArea > .right .contArea .houseDtl { position: fixed; width: 100%; height: 100vh; border-left: none; }
.tradeMapArea > .right .contArea .houseDtl.ready { z-index: 3; opacity: 1; display: none; }
.tradeMapArea > .right .contArea .houseDtl .houseBtnClose { right: 0; z-index: 3; }
.tradeMapArea > .right .contArea .houseDtl .houseBtnClose i { transform: scale(0.7); }
.tradeMapArea > .right .contArea .houseDtl .wrapper { padding: 4rem 1.5rem 1.5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .btnTabArea { margin-bottom: 2rem; width: 100%; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .btnTabArea button { padding: 1rem 0; margin-left: 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .btnTabArea button + button { margin-left: -.4rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 { width: 100%; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .icon { font-size: 1.3rem; padding: .7rem 2rem; margin-right: .5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea { margin-bottom: 1rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn label { font-size: 1.2rem; padding: .7rem 1rem; margin-right: .5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .tit { font-size: 1.5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .num { top: .2rem; font-size: 1.5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr { margin-top: 1rem; font-size: 1.3rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr span { width: 5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr + .addr { margin-top: 1rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .date { position: relative; right: auto; bottom: auto; font-size: 1.3rem; margin-top: 1rem; margin-bottom: 2rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .bodyAreaCont { margin-top: 1.5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul { height: auto; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li { width: calc(20% - .25rem); text-align: center; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li button { width: 100%; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li + li { margin-left: 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .pageTitSub { margin-bottom: 1rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents div + .pageTitSub { margin-top: 2.5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitList.bili { position: relative; margin-top: 1rem; margin-bottom: 1rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitList.bili li { width: 100%; font-size: 1.3rem; text-align: left; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitList.bili li:before { margin-left: -2rem; transform: none; top: 0; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable { margin-bottom: 1.5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table tr th { padding: .5rem; line-height: 1.4; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper { overflow: hidden; position: relative; margin-bottom: 1.5rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper [class^='swiper-button-prev'] { text-align: left; width: auto; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper [class^='swiper-button-next'] { text-align: right; width: auto; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont02 { width: 100%; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont02 .bodyAreaCont .unitMaplist { margin: 1.5rem 0 1rem; height: 30rem; }
.tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont02 .bodyAreaCont .unitMaplist .mapMarker { position: absolute; } }
.mapLayerChkSel { padding: 3rem 3rem 0; }
.mapLayerChkSel .btnAcc { font-size: 1.5rem; font-weight: 700; color: #4f94e8; position: relative; width: 100%; text-align: left; }
.mapLayerChkSel .btnAcc i { position: absolute; top: 50%; transform: translateY(-50%); right: 0; transition: all 0.3s ease 0.1s; }
.mapLayerChkSel .btnAcc.current i { transform: rotate(180deg); }
.mapLayerChkSel > .contents { margin-top: 3rem; }
.mapLayerChkSel > .contents .formCheckbox { display: block; margin-right: -1rem; }
.mapLayerChkSel > .contents .formCheckbox + .formCheckbox { margin-left: 0; margin-top: .15rem; }
.mapLayerChkSel > .contents .formCheckbox label { display: block; }
.mapLayerChkSel > .contents .formCheckbox label i { margin-right: 1rem; }
.mapLayerChkSel > .contents .formCheckbox input:checked + label { font-weight: 700; color: #000; }
.mapLayerChkSel.type > .contents .formCheckbox input:checked + label:after { background: #564eb4; }
.mapLayerChkSel + .mapLayerChkSel { border-top: 1px solid #eee; margin-top: 3rem; }
@media screen and (max-width: 1200px) { .mapLayerChkSel { padding: 1.5rem; }
.mapLayerChkSel > .contents { margin-top: 1.5rem; }
.mapLayerChkSel > .contents .formCheckbox + .formCheckbox { margin-top: .75rem; }
.mapLayerChkSel + .mapLayerChkSel { margin-top: 0; } }
.unitBetween:after { content: ''; display: table; clear: both; }
.unitBetween .formText { vertical-align: middle; font-weight: 400; font-size: 1.7rem; }
.unitBetween .formText label { color: #000; margin-right: 1.5rem; font-weight: 400; }
.unitBetween .formText input { height: 3rem; padding: 0 1rem; border-radius: 0; margin-right: 1.5rem; font-size: 1.5rem; text-align: right; }
.unitBetween .left { float: left; vertical-align: top; width: 48rem; }
.unitBetween .left .topMap { padding: 3rem; border: 1px solid #eee; border-radius: 1rem; }
.unitBetween .left .topMap .desc { margin-bottom: 1.5rem; font-size: 1.5rem; }
.unitBetween .left .topMap .desc strong { margin-left: 1.5rem; }
.unitBetween .left .topMap .mapArea { margin-top: 3rem; }
.unitBetween .left .unitDesc { padding: 3rem; background: #f9f9f9; border-radius: 1rem; margin-top: 2rem; }
.unitBetween .left .unitDesc dl { font-size: 1.5rem; }
.unitBetween .left .unitDesc dl dt { display: inline-block; width: 14rem; }
.unitBetween .left .unitDesc dl dt.tit { font-size: 1.7rem; font-weight: 700; }
.unitBetween .left .unitDesc dl dt + dd { margin-top: 2rem; }
.unitBetween .left .unitDesc dl dd { display: inline-block; width: calc(100% - 14.4rem); font-weight: 700; }
.unitBetween .left .unitDesc dl dd + dt { margin-top: 2rem; }
.unitBetween .right { float: right; vertical-align: top; width: 70rem; border-radius: 1rem; background: #dfedff; padding: 3rem; }
.unitBetween .right .tit strong { font-size: 1.7rem; margin-right: 3rem; display: inline-block; vertical-align: middle; }
.unitBetween .right .unitTable { margin-top: 2rem; }
.unitBetween .right .unitTable + .tit { margin-top: 2.5rem; }
.unitBetween .right .unitTable table { min-width: 100%; }
.unitBetween .right .unitTable tr td { background: #f9f9f9; font-weight: 700; }
.unitBetween .right .unitTable tr td.white { background: #fff; font-weight: 400; }
@media screen and (max-width: 1200px) { .unitBetween .formText { font-size: 1.3rem; }
.unitBetween .formText label { margin-right: .8rem; font-size: 1.3rem; }
.unitBetween .formText input { height: 2.5rem; padding: 0 .5rem; margin-right: .5rem; font-size: 1.3rem; width: 12rem; }
.unitBetween .left { float: none; width: 100%; }
.unitBetween .left .topMap { padding: 1.5rem; border: 1px solid #eee; border-radius: 1rem; }
.unitBetween .left .topMap .desc { margin-bottom: 1rem; font-size: 1.3rem; }
.unitBetween .left .topMap .desc strong { margin-left: 1.5rem; }
.unitBetween .left .topMap .mapArea { margin-top: 1.5rem; }
.unitBetween .left .unitDesc { padding: 1.5rem; margin-top: 1rem; }
.unitBetween .left .unitDesc dl { font-size: 1.3rem; }
.unitBetween .left .unitDesc dl dt { display: inline-block; width: 12rem; }
.unitBetween .left .unitDesc dl dt.tit { font-size: 1.5rem; }
.unitBetween .left .unitDesc dl dt + dd { margin-top: 1rem; }
.unitBetween .left .unitDesc dl dd { display: inline-block; width: calc(100% - 12.4rem); }
.unitBetween .left .unitDesc dl dd + dt { margin-top: 1rem; }
.unitBetween .right { float: none; width: 100%; padding: 1.5rem; margin-top: 2rem; }
.unitBetween .right .tit strong { font-size: 1.7rem; margin-right: 3rem; display: inline-block; vertical-align: middle; }
.unitBetween .right .unitTable { margin-top: 2rem; }
.unitBetween .right .unitTable + .tit { margin-top: 2.5rem; }
.unitBetween .right .unitTable table { min-width: 100%; }
.unitBetween .right .unitTable tr td { background: #f9f9f9; font-weight: 700; }
.unitBetween .right .unitTable tr td.white { background: #fff; font-weight: 400; } }
.secPop.roadView .wrapper .btn-close { z-index: 2; }
.secPop.roadView .wrapper .resize-box { position: absolute; width: 60rem; height: 100%; box-shadow: 0.1rem 0 3rem rgba(0, 0, 0, 0.2); border-right: 1px solid #eee; max-width: calc(100% - 3rem) !important; background: #fff; z-index: 1; }
.secPop.roadView .wrapper .resize-box .ui-resizable-handle { width: 3rem; height: 5.9rem; background: url("../img/sub/roadTrigger.png") center center no-repeat; background-size: contain; position: absolute; right: -3rem; position: absolute; top: 50%; transform: translateY(-50%); }
.secPop.roadView .wrapper .resize-box .ui-resizable-handle:hover { cursor: e-resize; }
.secPop.roadView .wrapper .map-box { position: absolute; width: calc(100% - 60rem); right: 0; min-width: 3rem; height: 100%; background: rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 1200px) { .secPop.roadView .wrapper .resize-box { width: 50%; max-width: calc(100% - 1.5rem) !important; }
.secPop.roadView .wrapper .resize-box .ui-resizable-handle { width: 1.5rem; height: 3rem; right: -1.5rem; }
.secPop.roadView .wrapper .map-box { width: 50%; min-width: 1.5rem; max-width: 100%; } }
.unitAcc .contents { display: none; }
[data-page-id='binzib_1_1_1'] .bodyWrap { text-align: center; margin-top: 7rem; }
[data-page-id='binzib_1_1_1'] .bodyWrap .contTit { font-size: 2.4rem; margin-bottom: 6rem; }
[data-page-id='binzib_1_1_1'] .bodyWrap .contTit em { color: var(--color-blue2); font-weight: 700; }
[data-page-id='binzib_1_1_2'] .bodyWrap .subDesc { color: #666; font-size: 1.8rem; }
[data-page-id='binzib_1_1_2'] .bodyWrap .subDesc + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .subDesc { margin-bottom: 2rem; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .box { display: inline-block; width: 18rem; height: auto; padding: 2rem; background: #f9f9f9; border: 1px solid #eee; border-radius: 1rem; vertical-align: top; text-align: center; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .box + .box { margin-left: 2rem; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .box img { margin: 2.5rem auto 2.5rem; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .box p { font-size: 1.5rem; line-height: 1.4; height: 4.2rem; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 + .contArea01 { margin-top: 3rem; }
@media screen and (max-width: 1200px) {
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .box { width: 30%; height: auto; border-radius: .5rem; vertical-align: top; padding: 2rem .5rem; margin-bottom: 1rem; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .box + .box { margin-left: 1rem; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .box:nth-child(3n + 2) { margin-left: 0; }
[data-page-id='binzib_1_1_2'] .bodyWrap .contArea01 .box img { margin: 0 auto .5rem; height: 3.6rem; }
}
[data-page-id='binzib_1_1_3'] .bodyWrap .unitList.dot li + li { margin-top: 3rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .unitList.dot li:before { background: #666; width: .2rem; height: .2rem; top: 1rem; transform: none; }
[data-page-id='binzib_1_1_3'] .bodyWrap .unitList + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .unitList.dot.type2 li strong { display: block; }
[data-page-id='binzib_1_1_3'] .bodyWrap .unitList.dot.type2 li:before { background: #000; width: .3rem; height: .3rem; top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 { position: relative; margin-top: 2rem; background: #f9f9f9; border: 1px solid #eee; border-radius: 1rem; padding: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit { position: relative; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit .img { position: absolute; top: 50%; transform: translateY(-50%); left: 2rem; text-align: center; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit .img p { font-size: 1.5rem; font-weight: 700; margin-top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit .tit { color: #000; font-weight: 700; margin-bottom: 1rem; font-size: 1.5rem; padding-left: 13rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit .unitList.dash { color: #666; font-size: 1.5rem; padding-left: 13rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit + .imgUnit { margin-top: 6rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit { display: inline-block; text-align: center; padding: 2rem; border-radius: 1rem; vertical-align: top; color: #fff; position: relative; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit:nth-child(1) { background: #4f94e8; width: 15rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit:nth-child(2) { background: #7fb249; width: 30rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit:nth-child(3) { background: #214b7e; width: 30rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit:nth-child(4) { background: #7fb249; width: 30rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit + .imgUnit { margin-left: 4.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit + .imgUnit:before { content: ''; display: block; position: absolute; width: 1.2rem; height: 2.3rem; background: url("../img/sub/sub_1_1_3_18.png") center center no-repeat; background-size: contain; left: -3rem; top: 10rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit + .imgUnit:nth-child(4):before { transform: rotate(-180deg); }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .tit { font-size: 1.7rem; font-weight: 700; margin: 2rem auto 3rem; color: #fff; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit img { margin-bottom: 6rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .unitTable { border: none; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .unitTable table { min-width: 100%; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .unitTable table tr td { background: #fff; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .sm { font-size: 1.3rem; margin-top: -2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .imgGroup { margin-top: 2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .tiles { margin: -1.6rem 0 -.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .tiles span { width: calc(50% - .5rem); background: #fff; border-radius: .5rem; padding: 1rem 0; color: #000; display: inline-block; margin: .5rem 0; font-size: 1.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .tiles span:nth-child(even) { margin-left: .6rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .lastUnit { padding-left: 20rem; margin-top: 7rem; text-align: center; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .lastUnit .tit { font-size: 2rem; font-weight: 700; color: #214b7e; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .lastUnit img { margin: 2rem 0 6.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .lastUnit .unitTable table { min-width: 100%; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .lastUnit .unitTable table tr td { background: #fff; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea03 { position: relative; margin-top: 2rem; background: #f9f9f9; border: 1px solid #eee; border-radius: 1rem; padding: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea03 + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 { text-align: center; position: relative; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea { width: 18rem; height: 18rem; border: 1rem solid #eee; border-radius: 50%; margin: auto; background: #fff; position: relative; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea img { position: absolute; border-radius: 50%; border: 1rem solid #eee; width: 4.7rem; height: 4.7rem; left: -1.5rem; top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea .tit { font-size: 1.7rem; font-weight: 700; line-height: 1.4; color: #000; margin-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea .desc { font-size: 1.5rem; color: #666; margin-top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type01 { border: 1rem solid #4f94e8; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type01 img { border: 1rem solid #4f94e8; width: 5.1rem; height: 5.2rem; left: -1.5rem; top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type01 .tit { color: #4f94e8; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type02 { position: absolute; left: calc(50% + 16rem); top: 8rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type02:before { content: ''; width: 16rem; height: 1px; background: #000; top: 50%; left: -17rem; display: block; position: absolute; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type03 { border: 1rem solid #7fb249; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type03:before { content: ''; width: 1px; height: 2rem; background: #000; top: -3rem; left: 50%; display: block; position: absolute; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type03:after { content: ''; width: 1px; height: 2rem; background: #000; bottom: -3rem; left: 50%; display: block; position: absolute; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type03 img { border: 1rem solid #7fb249; width: 5rem; height: 5rem; left: -1.5rem; top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type03 .tit { color: #7fb249; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 { border: none; background: #eee; width: 15rem; height: 15rem; display: inline-block; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 + .imgArea.type04 { margin-left: 10rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 + .imgArea.type04:before { content: ''; width: 10.4rem; height: 1px; background: #000; top: 50%; left: -10.4rem; display: block; position: absolute; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 .tit { color: #7fb249; margin-top: 0; padding-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea + .imgArea { margin-top: 2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 + .contArea05 { margin-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .map { border: 1px solid #eee; border-radius: 1rem; width: 113.9rem; height: 34.8rem; background: url("../img/sub/sub_1_1_3_16.png") center center no-repeat; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .map.type2 { background: url("../img/sub/sub_1_1_3_17.png") center center no-repeat; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo { margin-top: 2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .tit { font-size: 1.5rem; font-weight: 700; padding-left: 1rem; position: relative; margin-bottom: 2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .tit:before { content: ''; display: block; width: .2rem; height: .2rem; border-radius: 50%; background: #000; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .desc { display: inline-block; margin-right: 4rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .desc img { vertical-align: -.6rem; margin-right: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .desc strong { display: inline-block; margin-right: 1rem; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_1_1_3'] .bodyWrap .pageTitSub { margin-bottom: 1.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .unitList.dot li { font-size: 1.3rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .unitList.dot li + li { margin-top: 1.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .unitList + .pageTitSub { margin-top: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 { margin-top: 1rem; border-radius: .5rem; padding: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit .img { position: relative; transform: none; left: auto; margin-bottom: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit .img p { font-size: 1.3rem; margin-top: .5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit .tit { margin-bottom: 1.5rem; font-size: 1.3rem; padding-left: 0; line-height: 1.4; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit .unitList.dash { font-size: 1.3rem; padding-left: 0; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 .imgUnit + .imgUnit { margin-top: 5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea01 + .pageTitSub { margin-top: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit { display: block; padding: 1rem; border-radius: .5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit:nth-child(1) { background: #4f94e8; width: 100%; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit:nth-child(2) { background: #7fb249; width: 100%; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit:nth-child(3) { background: #214b7e; width: 100%; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit:nth-child(4) { background: #7fb249; width: 100%; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit + .imgUnit { margin-left: 0; margin-top: 2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit + .imgUnit:before { width: .6rem; height: 1.15rem; left: 50%; top: -1.5rem; transform: rotate(90deg); }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit + .imgUnit:nth-child(4):before { transform: rotate(90deg); }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .tit { font-size: 1.5rem; margin: 1rem auto 1.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit img { margin-bottom: 3rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .sm { font-size: 1.3rem; margin-top: -2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .imgGroup { margin-top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .imgUnit .tiles span { margin: .3rem 0; font-size: 1.3rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .lastUnit { padding-left: 0; margin-top: 3.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .lastUnit .tit { font-size: 1.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 .lastUnit img { margin: 1rem 0 3rem; width: 3.1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea02 + .pageTitSub { margin-top: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea03 { margin-top: 1rem; border-radius: .5rem; padding: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea03 + .pageTitSub { margin-top: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea { width: 15rem; height: 15rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea .tit { font-size: 1.5rem; margin-top: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea .desc { font-size: 1.5rem; color: #666; margin-top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea img { left: -2.5rem !important; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type02 { position: relative; left: auto; top: auto; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type02:before { content: ''; width: 1px; height: 2rem; background: #000; top: -3rem; left: 50%; display: block; position: absolute; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type02 .tit { padding-top: 1.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 { width: 10rem; height: 10rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 + .imgArea.type04 { margin-left: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 + .imgArea.type04:before { width: 1.4rem; left: -1.4rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 .tit { color: #7fb249; margin-top: 0; padding-top: 2.5rem; font-size: 1.3rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea.type04 .desc { font-size: 1.2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 .imgArea + .imgArea { margin-top: 2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea04 + .pageTitSub { margin-top: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 + .contArea05 { margin-top: 2.5rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .map { border-radius: .5rem; width: 100%; height: 30rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo { margin-top: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .tit { font-size: 1.5rem; padding-left: .5rem; margin-bottom: 1rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .desc { display: inline-block; margin-right: 2rem; position: relative; padding-left: 3rem; line-height: 1.4; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .desc + .desc { margin-top: 2rem; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .desc img { vertical-align: -.6rem; margin-right: 1rem; position: absolute; left: 0; top: 0; }
[data-page-id='binzib_1_1_3'] .bodyWrap .contArea05 .mapInfo .desc strong { display: block; } }
[data-page-id='binzib_1_1_5_1'] .bodyWrap > .desc { font-size: 1.5rem; color: #666; line-height: 1.4; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap > .desc + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .unitList.dot + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .unitList.dot li + li { margin-top: 3rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .imgArea { margin-top: 3rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .imgArea img + img { margin-left: 3rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .imgArea + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea01 { background: #f9f9f9; border: 1px solid #eee; border-radius: 1rem; text-align: center; padding: 5rem 0 9rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea01 .tit { font-size: 1.5rem; font-weight: 700; margin-bottom: 8rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea01 .imgUnit { display: inline-block; vertical-align: top; width: 20rem; position: relative; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea01 .imgUnit + .imgUnit { margin-left: 10rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea01 .imgUnit + .imgUnit:before { content: '+'; position: absolute; display: block; font-size: 1.5rem; top: 5.5rem; left: -6rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea01 .imgUnit .desc { margin-top: 3rem; font-size: 1.5rem; color: #666; line-height: 1.4; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea01 + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea02 { text-align: center; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea02 + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea03 { background: #f9f9f9; border: 1px solid #eee; border-radius: 1rem; text-align: center; padding: 5rem 0 9rem; margin-top: 2rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea03 .tit { font-size: 1.5rem; font-weight: 700; margin-bottom: 6rem; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea03 .unitList { text-align: left; width: 90rem; margin: auto; color: #666; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea03 .unitList li:before { top: 1rem; transform: none; }
[data-page-id='binzib_1_1_5_1'] .bodyWrap .contArea03 .desc { margin: 6rem auto 0; text-align: left; width: 90rem; line-height: 1.4; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit { position: relative; display: inline-block; width: 55rem; vertical-align: top; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit + .imgUnit { margin-left: 9.7rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit + .imgUnit:before { content: ''; position: absolute; width: 6.2rem; height: 3.4rem; background: url("../img/sub/sub_1_1_5_10.png") center center no-repeat; display: block; transform: rotate(-90deg); top: 15rem; left: -10rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit img { vertical-align: middle; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit .desc { vertical-align: middle; font-weight: 700; line-height: 3; position: absolute; padding-left: 35rem; top: 8rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit .desc.type2 { line-height: 1.4; font-weight: 400; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit .desc.type2 .tit { font-weight: 700; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit .desc i { vertical-align: middle; margin-right: .5rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap > .desc { font-size: 1.5rem; color: #666; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap > .desc strong { font-weight: 700; color: #000; display: block; margin-bottom: 1rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap > .desc + .desc { margin-top: 3rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .imgArea { margin-top: 3rem; text-align: center; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit { width: 100%; text-align: center; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit + .imgUnit { margin-left: 0; margin-top: 4rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit + .imgUnit:before { width: 3.1rem; height: 1.7rem; transform: none; left: calc(50% - 1.5rem); bottom: auto; top: -3rem; background-size: contain; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit img { width: 17.8rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 .imgUnit .desc { line-height: 3; position: relative; padding-left: 0; top: auto; text-align: left; width: 12rem; margin: auto; font-size: 1.3rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .contArea01 + .pageTitSub { margin-top: 2.5rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap > .desc { font-size: 1.3rem; line-height: 1.4; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap > .desc strong { margin-bottom: .5rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap > .desc + .desc { margin-top: 1.5rem; }
[data-page-id='binzib_1_1_5_2'] .bodyWrap .imgArea { margin-top: 1.5rem; } }
[data-page-id='binzib_1_2_1'] .bodyWrap > .desc { font-size: 15px; color: #666; line-height: 1.4; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .desc strong { color: #000; font-weight: 700; display: block; margin-bottom: 1rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .desc + .desc { margin-top: 3rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .desc + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit { text-align: center; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit .imgArea { position: relative; width: calc(25% - 2.5rem); display: inline-block; border-radius: 1rem; padding: 6rem; background: #7fb249; color: #fff; line-height: 1.4; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit .imgArea:nth-child(even) { background: #214b7e; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit .imgArea + .imgArea { margin-left: 3rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit .imgArea + .imgArea:before { content: ''; width: 1.2rem; height: 2.3rem; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: url("../img/sub/sub_1_2_1_05.png") center center no-repeat; background-size: contain; left: -2rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit .imgArea img { margin-bottom: 4rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit .imgArea .tit { font-size: 1.7rem; font-weight: 700; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit .imgArea .desc { font-size: 1.5rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .imgUnit + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .unitTable + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .contArea01 { text-align: center; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .contArea01 .forWin { display: block; margin: auto; }
[data-page-id='binzib_1_2_1'] .bodyWrap > .contArea01 .forMob { display: none; margin: auto; }
@media screen and (max-width: 1200px) {
}
[data-page-id='binzib_1_2_2'] .bodyWrap > .desc { font-size: 15px; color: #666; line-height: 1.4; }
[data-page-id='binzib_1_2_2'] .bodyWrap > .desc strong { color: #000; font-weight: 700; display: block; margin-bottom: 1rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap > .desc + .desc { margin-top: 3rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap > .desc + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 { margin-top: 2rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea { display: inline-block; border: 1px solid #eee; background: #f9f9f9; border-radius: 1rem; padding: 3rem; vertical-align: top; width: 42rem; text-align: center; position: relative; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea .icon { position: absolute; width: 5rem; height: 5rem; line-height: 5rem; font-size: 1.3rem; color: #fff; background: #214b7e; font-style: normal; border-radius: 50%; left: 2rem; top: 2rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea .tit { font-size: 1.7rem; color: #214b7e; font-weight: 700; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea img { margin: 2rem 0 2.5rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea .cont { padding: 2.5rem; background: #214b7e; color: #fff; height: 12rem; font-size: 1.5rem; margin: 0 -3rem 3rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea .cont strong { display: block; text-align: center; font-size: 1.7rem; margin-bottom: 1rem; margin-top: .5rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea .unitList { display: inline-block; text-align: left; font-size: 1.5rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea + .imgArea { margin-left: 2.6rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea + .imgArea:before { content: ''; width: 1.3rem; height: 1.2rem; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: url("../img/sub/sub_1_2_2_09.png") center center no-repeat; background-size: contain; left: -2.2rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .unitList.dot { min-height: 12rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .unitList.dot li:before { width: .2rem; height: .2rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .unitList.dot + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .unitList.dot li + li { margin-top: 1rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea.type1 { width: 30rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea.type1 + .imgArea:before { content: ''; width: 1.2rem; height: 2.3rem; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: url("../img/sub/sub_1_2_2_08.png") center center no-repeat; background-size: contain; left: -2rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea.type1 .tit { color: #4f94e8; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea.type1 .cont { background: #4f94e8; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 .imgArea.type1 .cont strong { line-height: 1.4; margin-top: -1rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea01 + .desc { margin-top: 5rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 { margin-top: 2rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea { width: calc(25% - 2.3rem); height: 46rem; border-radius: 1rem; padding: 3rem; display: inline-block; vertical-align: top; background: #7fb249; color: #fff; text-align: center; position: relative; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea + .imgArea { margin-left: 2.6rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea + .imgArea:before { content: ''; width: 1.2rem; height: 2.3rem; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: url("../img/sub/sub_1_2_2_08.png") center center no-repeat; background-size: contain; left: -2rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea:nth-child(even) { background: #214b7e; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea .tit { font-size: 1.5rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea .tit strong { font-size: 1.7rem; font-weight: 700; display: block; text-align: center; margin-top: 1rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea img { margin: 3.5rem 0 3rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea .subTit { font-size: 1.5rem; font-weight: 700; line-height: 1.4; height: 7rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea .unitList.dot { font-size: 1.5rem; text-align: left; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea .unitList.dot li:before { width: .2rem; height: .2rem; top: 1.2rem; background: #fff; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea .unitList.dot + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_2'] .bodyWrap .contArea02 .imgArea .unitList.dot li + li { margin-top: 1rem; }
@media screen and (max-width: 1200px) {
}
[data-page-id='binzib_1_2_3'] .bodyWrap > .desc { font-size: 1.5rem; color: #666; line-height: 1.4; }
[data-page-id='binzib_1_2_3'] .bodyWrap > .desc strong { color: #000; font-weight: 700; display: block; margin-bottom: 1rem; }
[data-page-id='binzib_1_2_3'] .bodyWrap > .desc em { color: #214b7e; }
[data-page-id='binzib_1_2_3'] .bodyWrap > .desc + .desc { margin-top: 3rem; }
[data-page-id='binzib_1_2_3'] .bodyWrap > .desc + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_3'] .bodyWrap .unitTable + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_3'] .bodyWrap .contArea01 { margin-top: 4rem; }
[data-page-id='binzib_1_2_3'] .bodyWrap .contArea01 .tit { background: #f9f9f9; border: #eee; border-radius: 1rem; padding: 4rem 0; text-align: center; }
[data-page-id='binzib_1_2_3'] .bodyWrap .contArea01 .tit span { display: inline-block; position: relative; font-size: 1.7rem; font-weight: 700; width: calc(20% - 9rem); vertical-align: middle; line-height: 1.4; }
[data-page-id='binzib_1_2_3'] .bodyWrap .contArea01 .tit span + span { margin-left: 9rem; }
[data-page-id='binzib_1_2_3'] .bodyWrap .contArea01 .tit span + span:before { content: ''; width: .9rem; height: 1.4rem; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -5rem; background: url("../img/sub/sub_1_2_3_01.png") center center no-repeat; background-size: contain; }
[data-page-id='binzib_1_2_3'] .bodyWrap .contArea01 .desc { padding: 2rem 0; text-align: center; }
[data-page-id='binzib_1_2_3'] .bodyWrap .contArea01 .desc span { display: inline-block; position: relative; font-size: 1.5rem; width: calc(20% - 9rem); vertical-align: top; line-height: 1.4; }
[data-page-id='binzib_1_2_3'] .bodyWrap .contArea01 .desc span + span { margin-left: 9rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap > .desc { font-size: 1.5rem; color: #666; line-height: 1.4; }
[data-page-id='binzib_1_2_4'] .bodyWrap > .desc strong { color: #000; font-weight: 700; display: block; margin-bottom: 1rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap > .desc em { color: #214b7e; font-weight: 700; }
[data-page-id='binzib_1_2_4'] .bodyWrap > .desc + .desc { margin-top: 3rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap > .desc + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap .contArea01 { border: 1px solid #eee; background: #f9f9f9; border-radius: 1rem; margin-top: 2rem; padding: 5rem; text-align: center; }
[data-page-id='binzib_1_2_4'] .bodyWrap .contArea01 .tit { font-size: 1.5rem; font-weight: 700; margin-bottom: 6rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap .contArea01 .circle { display: inline-block; width: 20rem; height: 20rem; background: #4f94e8; color: #fff; border-radius: 50%; vertical-align: top; }
[data-page-id='binzib_1_2_4'] .bodyWrap .contArea01 .circle + .circle { margin-left: 5rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap .contArea01 .circle img { margin-top: 3.5rem; margin-bottom: 3rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap .contArea01 .circle .tit { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.4; height: 4.2rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap .contArea01 .circle .desc { font-size: 1.3rem; }
[data-page-id='binzib_1_2_4'] .bodyWrap .contArea01 + .desc { margin-top: 5rem; }
[data-page-id='binzib_1_3_1'] .bodyWrap > .desc { font-size: 1.5rem; color: #666; line-height: 1.4; }
[data-page-id='binzib_1_3_1'] .bodyWrap > .desc strong { color: #000; font-weight: 700; display: block; margin-bottom: 1rem; }
[data-page-id='binzib_1_3_1'] .bodyWrap > .desc em { color: #214b7e; font-weight: 700; }
[data-page-id='binzib_1_3_1'] .bodyWrap > .desc + .desc { margin-top: 3rem; }
[data-page-id='binzib_1_3_1'] .bodyWrap > .desc + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_3_1'] .bodyWrap .unitList.dot { color: #666; }
[data-page-id='binzib_1_3_1'] .bodyWrap .unitList.dot li:before { width: .2rem; height: .2rem; top: 1.2rem; }
[data-page-id='binzib_1_3_1'] .bodyWrap .unitList.dot li em { color: #4f94e8; }
[data-page-id='binzib_1_3_1'] .bodyWrap .unitList.dot + .pageTitSub { margin-top: 5rem; }
[data-page-id='binzib_1_3_1'] .bodyWrap .unitList.dot li + li { margin-top: 3rem; }*/
/*binzib_1_3_1*/
.bodyWrap .contArea01 { margin-top: 2rem; display: flex;}
.bodyWrap .contArea01[data-length="A3"] .imgUnit { background: #f9f9f9; border: 1px solid #eee; border-radius: 1rem; display: inline-block; text-align: center; overflow: hidden; width:auto}
.bodyWrap .contArea01[data-length="A3"] .imgUnit + .imgUnit { margin-left: 3rem; }
.bodyWrap .contArea01[data-length="A3"] .imgUnit .tit { font-size: 1.5rem; margin: 2rem 0; color: #666; }
.bodyWrap .contArea01[data-length="A3"] .imgUnit .tit strong { font-weight: 700; margin-bottom: 1rem; display: block; color: #000; }
.bodyWrap .contArea01[data-length="A3"] .imgUnit img { border-top: 1px solid #eee; }
.bodyWrap .contArea01 + .unitList { margin-top: 5rem; }
.bodyWrap .contArea02 { margin-top: 2rem; display:flex; flex-flow:row wrap }
.bodyWrap .contArea02 span {flex: 1 1 20rem; padding: 1rem; font-size: 1.5rem; border-radius: .5rem; margin:0.5rem; text-align: center; background: #f9f9f9; border: 1px solid #eee; position: relative; }
.bodyWrap .contArea02 span + span { margin-left: 4rem; }
.bodyWrap .contArea02 span + span:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -3.5rem; display: block; background: url("../img/sub/sub_1_3_1_04.png") center center no-repeat; background-size: contain; width: 2.4rem; height: 1.3rem; }
.bodyWrap .contArea02 + .pageTitSub { margin-top: 5rem; }
@media screen and (max-width: 1200px) {
.bodyWrap .contArea02[data-length="A3"] span {flex: 1 1 45%}
.bodyWrap .contArea02 span {margin-left:4rem}
.bodyWrap .contArea02 span:last-child {width:calc(50% - 4.5rem); flex:none}
}
[data-page-id='binzib_2_1_1'] .unitChart { position: relative; padding: 3rem 0; }
[data-page-id='binzib_2_1_1'] .unitChart .chartLabel { position: absolute; text-align: center; line-height: 1.4; font-size: 1.5rem; left: 44.5%; top: 50%; transform: translate(-50%, -50%); }
[data-page-id='binzib_2_1_1'] .bothType .left .tit { font-weight: bold; line-height: 1.4; }
[data-page-id='binzib_2_1_1'] .bothType .left .unitList { margin-top: 2.4rem; }
[data-page-id='binzib_2_1_1'] .bothType .left .unitList li + li { margin-top: 4rem; }
[data-page-id='binzib_2_1_1'] .tblInfo { font-size: 1.5rem; color: #666; padding: 1rem 0; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_2_1_1'] .bothType .left { width: 100%; float: none; }
[data-page-id='binzib_2_1_1'] .bothType .right { width: 100%; margin-top: 2rem; text-align: center !important; float: none; }
[data-page-id='binzib_2_1_1'] .bothType .right .btnTxt { padding: .6rem 2rem; }
[data-page-id='binzib_2_1_1'] .unitChart { position: relative; }
[data-page-id='binzib_2_1_1'] .unitChart .chartLabel { position: absolute; text-align: center; line-height: 1.4; font-size: 1.2rem; left: 50%; top: 50%; transform: translate(-50%, -50%); }
[data-page-id='binzib_2_1_1'] .bothType .left .unitList { margin-top: 2.4rem; }
[data-page-id='binzib_2_1_1'] .bothType .left .unitList li + li { margin-top: 4rem; }
[data-page-id='binzib_2_1_1'] .tblInfo { font-size: 1.2rem; color: #666; padding: .5rem 0; } }
[data-page-id='binzib_2_1_2'] .bothType { margin: 3rem 2rem 1rem 0; }
[data-page-id='binzib_2_1_2'] .bothType .right button + button { margin-left: 1.5rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .mapArea { width: 53.7rem; height: 68rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .mapArea .contArea { height: 100%; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .mapArea .contArea img { max-width: none; height: 100%; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType { width: 32rem; height: 88rem; }/*BIS-448 건축년도 추가에 따른 높이 조정*/
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl { padding: 1rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul.type2 li { width: 50%; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul.type2 li:last-child { margin-top: 1.6rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul li { width: 50%; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul li:nth-child(3), [data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul li:nth-child(4) { margin-top: 1.6rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .compareArea { float: none; position: absolute; bottom: 0; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_2_1_3_2'] .mapRanking .mapArea { width: 100%; height: 42rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .mapArea .contArea { height: 100%; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .mapArea .contArea img { max-width: none; height: auto; width: 100%; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType { width: 100%; height: auto; margin-top: 2rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl { padding: 1rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul.type2 li { width: 100%; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul.type2 li:last-child { margin-top: 1.6rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul li { width: 100%; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul li:nth-child(3), [data-page-id='binzib_2_1_3_2'] .mapRanking .dataType dl dd ul li:nth-child(4) { margin-top: 1.6rem; }
[data-page-id='binzib_2_1_3_2'] .mapRanking .compareArea { float: none; position: relative; bottom: 0; } }
[data-page-id='binzib_2_1_4'] .chartArea { margin-top: 3rem; }
[data-page-id='binzib_2_1_4'] .bothType { margin-top: 4rem; margin-bottom: 1.5rem; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_2_1_4'] .unitList { font-size: 1.4rem; }
[data-page-id='binzib_2_1_4'] .bothType { margin-top: 2rem; margin-bottom: 1rem; }
[data-page-id='binzib_2_1_4'] .bothType .left { float: none; width: 100%; text-align: center; }
[data-page-id='binzib_2_1_4'] .bothType .left .btnTxt { width: 10rem; margin: .5rem auto 1rem; display: block; }
[data-page-id='binzib_2_1_4'] .bothType { margin: 1.5rem 1rem .5rem 0; }
[data-page-id='binzib_2_1_4'] .bothType .right { width: 100%; text-align: center !important; }
[data-page-id='binzib_2_1_4'] .bothType .right button + button { margin-left: .5rem; }
[data-page-id='binzib_2_1_4'] .bothType .right button { transform: scale(0.7); } }
[data-page-id='binzib_2_1_5'] .pageTitSub .blank { margin-top: 4rem; }
[data-page-id='binzib_2_1_5'] .unitFormCheck { margin: 1rem; }
[data-page-id='binzib_2_1_5'] .fullMap { text-align: center; }
[data-page-id='binzib_2_1_5'] .unitChart { margin-top: 3rem; position: relative; }
[data-page-id='binzib_2_1_5'] .unitChart .tit { font-size: 1.5rem; font-weight: 700; }
[data-page-id='binzib_2_1_5'] .unitChart .leftArea { width: 65rem; margin-top: 3rem; height: 30rem; }
[data-page-id='binzib_2_1_5'] .unitChart .rightArea { width: 46rem; height: 30.2rem; position: absolute; bottom: 0; right: 0; }
[data-page-id='binzib_2_1_5'] .unitChart .rightArea .unitTable { height: 100%; overflow-y: auto; background: #f9f9f9; }
[data-page-id='binzib_2_1_5'] .unitChart .rightArea .unitTable table { min-width: 100%; }
[data-page-id='binzib_2_1_5'] .unitChart .rightArea .unitTable table td { height: 6rem; background: #f9f9f9; }
[data-page-id='binzib_2_1_5'] .unitChart .rightArea .unitTable table td.tit { background: #214b7e; color: #fff; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_2_1_5'] .pageTitSub .blank { margin-top: 2rem; }
[data-page-id='binzib_2_1_5'] .pageTitSub .formSelect { width: calc(50% - 1.4rem); }
[data-page-id='binzib_2_1_5'] .pageTitSub .formSelect + .formSelect { margin-left: 1rem; }
[data-page-id='binzib_2_1_5'] .pageTitSub .formSelect select { width: 100%; }
[data-page-id='binzib_2_1_5'] .unitFormCheck { margin: 1rem; }
[data-page-id='binzib_2_1_5'] .unitFormCheck .formCheckbox { margin-left: 0; width: calc(50% - 1rem); }
[data-page-id='binzib_2_1_5'] .unitFormCheck .formCheckbox label { width: 11rem; }
[data-page-id='binzib_2_1_5'] .unitChart .tit { font-size: 1.3rem; }
[data-page-id='binzib_2_1_5'] .unitChart .leftArea { width: 100%; margin-top: 1.5rem; height: 20rem; }
[data-page-id='binzib_2_1_5'] .unitChart .rightArea { width: 100%; height: auto; position: relative; bottom: 0; right: 0; margin-top: 1rem; }
[data-page-id='binzib_2_1_5'] .unitChart .rightArea .unitTable table td { height: 4rem; font-size: 1.3rem; } }
[data-page-id='binzib_2_2_1'] .unitTable table { margin-left: -.1rem; width: calc(100% + .1rem); }
[data-page-id='binzib_2_2_1'] .chartArea { width: calc(25% - .3rem); display: inline-block; text-align: center; margin-bottom: 5rem; }
[data-page-id='binzib_2_2_1'] .chartArea .unitChart { width: 100%; height: 24rem; margin: 0; padding: 0 6rem 0 3rem; }
[data-page-id='binzib_2_2_1'] .chartArea .tit { font-weight: 700; margin-top: 1rem; }
[data-page-id='binzib_2_2_1'] .chartArea2 { width: calc(50% - .4rem); display: inline-block; text-align: center; margin-bottom: 5rem; }
[data-page-id='binzib_2_2_1'] .chartArea2 .unitChart { width: 100%; height: 15rem; margin: 0; padding: 0 6rem 0 3rem; }
[data-page-id='binzib_2_2_1'] .chartArea2 .tit { font-weight: 700; margin-top: 1rem; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_2_2_1'] .chartArea { width: calc(50% - .4rem); }
[data-page-id='binzib_2_2_1'] .chartArea .unitChart { height: 16rem; padding: 0; }
[data-page-id='binzib_2_2_1'] .chartArea .tit { margin-top: .5rem; padding-left: 3rem; } }
[data-page-id='binzib_2_2_2'] .unitTable table { margin-left: -.1rem; width: calc(100% + .1rem); }
[data-page-id='binzib_2_2_2'] .chartArea { width: calc(50% - .4rem); display: inline-block; text-align: center; margin-bottom: 5rem; }
[data-page-id='binzib_2_2_2'] .chartArea .unitChart { width: 100%; height: 15rem; margin: 0; padding: 0 6rem 0 3rem; }
[data-page-id='binzib_2_2_2'] .chartArea .tit { font-weight: 700; margin-top: 1rem; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_2_2_2'] .chartArea { width: 100%; margin-bottom: 2.5rem; }
[data-page-id='binzib_2_2_2'] .chartArea .unitChart { height: 12rem; padding: 0; }
[data-page-id='binzib_2_2_2'] .chartArea .tit { margin-top: .5rem; padding-left: 3rem; } }
[data-page-id='binzib_3_1_1'] .secBody { max-width: none; padding: 2rem 2rem 0; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_1_1'] .secBody { max-width: 100%; padding: 1.5rem 0 0; }
[data-page-id='binzib_3_1_1'] .map_right { margin-top: 5rem; } }
[data-page-id='binzib_3_3_1'] .secBody { padding: 2rem 2rem 0; }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left { height: calc(100vh - 4rem); }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left .mapTab02 { height: auto; overflow-y: hidden; }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left .contArea .btnArea { border-radius: 1rem 1rem 0 0; }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left .contArea .btnArea button:first-child { width: 10rem; }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left .contArea .btnArea button:last-child { width: calc(100% - 11rem); }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .right .contArea { height: calc(100vh - 4rem); }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_3_1'] .secBody { max-width: 100%; padding: 1.5rem 0 0; }
[data-page-id='binzib_3_3_1'] .map_right { margin-top: 5rem; }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left { height: auto; }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left .contArea .btnArea button:first-child { width: 40%; }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left .contArea .btnArea button:last-child { width: calc(60% - .5rem); }
[data-page-id='binzib_3_3_1'] .tradeMapArea > .left .contArea .btnArea button + button:before { top: 1.2rem; } }
[data-page-id='binzib_3_1_2'] .unitImglist { margin-left: 11rem; margin-top: 2rem; }
[data-page-id='binzib_3_1_2'] .unitBtn.line.xl { margin-top: 5rem; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_1_2'] .unitImglist { margin-left: 0; margin-top: 1rem; } }
[data-page-id='binzib_3_1_3'] .noData { margin-bottom: 4rem; margin-top: 4rem; text-align: center; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea { margin-bottom: 0; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right { position: relative; width: 100%; left: 0; border: none; margin-bottom: 0; border-radius: 0; overflow: auto; transition: none; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea { height: auto; min-height: auto; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl { width: 100%; border: none; height: auto; position: relative; opacity: 1; z-index: auto; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 { width: 100%; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .unitTab ul { margin-bottom: 0; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .unitTab ul li > button { width: 100%; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper { padding: 0; margin: 4rem -3rem 0 -3rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper .swiper-wrapper .swiper-slide { padding: 0 1rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper [class^='swiper-button-prev'] { left: 0; opacity: 1; top: 2.2rem; height: 100%; background: #fff; transform: none; width: 3rem; text-align: left; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper [class^='swiper-button-next'] { right: 0; opacity: 1; top: 2.2rem; height: 100%; background: #fff; transform: none; width: 3rem; text-align: right; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper + .btnArea { margin-top: 8rem; text-align: center; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea { margin-bottom: 2rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn label { padding: 1rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .tit { font-size: 2rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .num { position: relative; display: inline-block; font-size: 2rem; font-weight: 400; margin-left: 3rem; vertical-align: .1rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr { font-size: 1.5rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr span { display: inline-block; border: 1px solid #666; border-radius: .5rem; padding: .5rem .5rem; width: 6rem; text-align: center; margin-right: 1rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr strong { font-weight: 400; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .date { font-size: 1.5rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table { font-size: 1.5rem; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper { padding: 0 1.5rem 1.5rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper { padding: 0 3rem; margin: 2rem -1.5rem 0 -1.5rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper .swiper-wrapper .swiper-slide { padding: 0 .5rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper [class^='swiper-button-prev'] { width: 1.5rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper [class^='swiper-button-next'] { width: 1.5rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper + .btnArea { margin-top: 4rem; margin-bottom: 2rem; text-align: center; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitSwiper + .btnArea button + button { margin-left: 0; margin-top: 2rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea { margin-bottom: 1rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .badgeArea .formCheckbox.typeBtn label { padding: .5rem 1rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .tit { font-size: 1.6rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .num { font-size: 1.6rem; margin-left: 1.5rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr { font-size: 1.3rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .addr span { padding: .25rem .25rem; width: 5rem; margin-right: 1rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .dtlTabCont01 .topAreaCont .date { font-size: 1.3rem; }
[data-page-id='binzib_3_1_3_2'] .tradeMapArea > .right .contArea .houseDtl .wrapper .unitTab ul li .contents .unitTable table { font-size: 1.3rem; } }
[data-page-id='binzib_3_1_4.1'] .unitTable td button { width: 100%; }
[data-page-id='binzib_3_2_1'] .secBody { max-width: none; padding: 2rem; }
[data-page-id='binzib_3_2_1'] .smlHouseReport .mapArea > img { width: 100%; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_2_1'] .secBody { max-width: 100%; padding: 1.5rem 0; } }
[data-page-id='binzib_3_2_2'] .secBody { max-width: none; padding: 2rem; }
[data-page-id='binzib_3_2_2'] .smlHouseReport .mapArea > img { width: 100%; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_2_2'] .secBody { max-width: 100%; padding: 1.5rem 0; } }
[data-page-id='binzib_3_2_3'] .secBody { max-width: none; padding: 2rem; }
[data-page-id='binzib_3_2_3'] .smlHouseReport .mapArea > img { width: 100%; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_2_3'] .secBody { max-width: 100%; padding: 1.5rem 0; } }
[data-page-id='binzib_3_2_4'] .secBody { max-width: none; padding: 2rem; }
[data-page-id='binzib_3_2_4'] .unitBetween .right { min-width: calc(100% - 50rem); }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_2_4'] .secBody { max-width: 100%; padding: 1.5rem 0; }
[data-page-id='binzib_3_2_4'] .unitBetween .right { min-width: 100%; } }
[data-page-id='binzib_3_2_4'] .pageTit { position: relative; }
[data-page-id='binzib_3_2_4'] .pageTit i { right: 0; position: absolute; top: 50%; transform: translateY(-50%); }
@media screen and (max-width: 1200px) { [data-page-id='binzib_3_2_4'] .pageTit button { display: none; } }
.topSchArea .formSelect { vertical-align: middle; }
.topSchArea .formText { vertical-align: middle; }
.topSchArea .formText input { width: 51.2rem; font-size: 1.5rem; }
.topSchArea button { margin-left: .5rem; }
.topSchArea button { margin-left: .5rem; }
.topSchArea.usecase [class^="form"].ty1 {width:20rem}
.topSchArea.usecase [class^="form"].ty1>select,.topSchArea.usecase [class^="form"].ty1>input {width:100%}
.topSchArea.usecase [class^="form"].ty2 {width:40rem}
.topSchArea.usecase [class^="form"].ty2>select,.topSchArea.usecase [class^="form"].ty2>input {width:100%}
.topSchArea.type2 .formSelect.viewSel { margin-left: 4rem; }
.topSchArea.type2 .pareTxt { margin-left: 4rem; display: inline-block; font-size: 1.7rem; }
.topSchArea.type2 .pareTxt strong { margin-right: 1rem; }
.topSchArea.type3 [class^="form"] label { font-weight: bold; color: #000; }
.topSchArea .schLine + .schLine {margin-top:1rem}
.topSchArea.email .schLine:last-of-type .formSelect select{width:20rem}
[data-page-id='binzib_board'] .topSchArea.type3 .formText input { width: 16rem; }
[data-page-id='binzib_board'] .topSchArea.type3 .inpTxtNum { display: inline-block; margin-left: 2rem; }
[data-page-id='binzib_board'] .topSchArea.type3 .inpTxtNum .formText label { margin-right: .5rem; }
[data-page-id='binzib_board'] .topSchArea.type3 .inpTxtNum .formText input { width: 3rem; padding: .4rem; text-align: center; }
[data-page-id='binzib_board'] .topSchArea.type4 { margin-top: 1rem;}
[data-page-id='binzib_board'] .topSchArea.type4 [class^="form"] label { font-weight: bold; color: #000; }
[data-page-id='binzib_board'] .topSchArea.type4 .formText input { width: 31.5rem; }
[data-page-id='binzib_board'] .topSchArea.type4 .formText.date input { width: 14rem; }
[data-page-id='binzib_board'] .topSchArea.type4 .formText.date + .formText { margin-left: .5rem; }
[data-page-id='binzib_board'] .topSchArea.type4 .formText.date + .formText input { width: 14rem; }
[data-page-id='binzib_board'] .topSchArea.type4 .formSelect.tel { margin-left: 4rem; }
[data-page-id='binzib_board'] .topSchArea.type4 .formSelect.tel select { width: 8rem; padding: .8rem 3rem .8rem .8rem; }
[data-page-id='binzib_board'] .topSchArea.type4 .formText.tel input { width: 6rem; padding: .8rem; }
.topSchAreaGray { padding: 1rem 2rem 1rem 2rem; background: #f9f9f9; border: 1px solid #ccc; border-radius: 0rem; margin-bottom: 3rem;}
[data-page-id='binzib_board'] .topSchAreaGray.type4.alCenter { display: flex; justify-content: center;}
.topSchAreaGray .schLine + .schLine { margin-top: 1rem; }/*[data-page-id='binzib_board'] 삭제*/
.topSchAreaGray .schLine [class^="form"] + [class^="form"]{ margin-left: 4rem; }
[data-page-id='binzib_board_best'] .topSchAreaGray.type4 .schLine .formCheckbox{ margin-left: 0.3rem; !important }
[data-page-id='binzib_board_best'] .topSchAreaGray.type4 .schLine .formText{ margin-left: 0rem; !important }
.topSchAreaGray .schLine [class^="form"]:not(.formCheckbox) label { font-weight: bold; color: #000; }
.topSchAreaGray .schLine [class^="form"]:first-child label { width: 6rem; }
[data-page-id='binzib_board'] .topSchAreaGray .schLine [class^="form"]:first-child label { width: 8rem; }
.topSchAreaGray .schLine .formSelect select { width: auto; }
.topSchAreaGray .schLine .formText.date input { width: 25rem; }
.topSchAreaGray .schLine .formText.date + span { height: 4rem; line-height: 4rem; display: inline-block; }
.topSchAreaGray .schLine .formText.word input { width: 50rem; }
.topSchAreaGray .schLine .hash { color: #4f94e8; margin-top: 1rem; display: inline-block; }
.topSchAreaGray .schLine .hash:before { content: '#'; }
.topSchAreaGray .schLine .hash + .hash { margin-left: 2rem; }
/* 정비실적 */
.topSchAreaGray.type1 .schLine [class^="form"]:first-child label { width: auto; }
/*고시정보*/
.topSchAreaGray.type2 .schLine {/* display:flex; flex-flow:row wrap */}
.topSchAreaGray.type2 .schLine .left { width:calc(50% - 1rem); display:inline-block }/*[data-page-id='binzib_board'] */
/* 빈집 활용 사례 */
.topSchAreaGray.type4 .schLine .left { width:calc(50% - 1rem); display:inline-block }
.topSchAreaGray.type4 .schLine .right { width:calc(50% - 1rem); display:inline-block ; margin-left:1.6rem}
.topSchAreaGray.type2 .schLine .right { width:calc(50% - 1rem); display:inline-block ; margin-left:1.6rem}
.topSchAreaGray.type2 .schLine.line3 .right label {width:auto}
.topSchAreaGray.type2 .schLine .formSelect select { width: calc(50% - 6rem); }
.topSchAreaGray.type2 .schLine .formText input { width: calc(100% - 8rem); }
.topSchAreaGray.type2 .schLine.line2 .left.formText input { width: calc(50% - 6.4rem); padding: .4rem 1.8rem; }
.topSchAreaGray.type2 .schLine.line3 .left .formText.date input { width: 18.5rem; }
.topSchAreaGray.type2 .schLine.line3 .right .formSelect { width: calc(100% - 11rem); }
.topSchAreaGray.type2 .schLine.line3 .right .formSelect select { width: calc(100% - 8.5rem); }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine + .schLine { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #ccc; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .sel select { width: 21rem; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .tit { width: calc(100% - 35rem); margin-top: 0; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .tit input { width: 100%; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .date { width: 21rem; margin-top: 0; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .date input { width: 100%; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .url { width: calc(100% - 35rem); margin-top: 0; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .url input { width: 100%; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .view select { width: 12rem; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .btnTxt.add { width: 12rem; padding: 1rem; margin-left: .5rem; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .btnTxt.move { width: 4.7rem; padding: 1rem; margin-left: .5rem; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .btnTxt.move i { margin-top: .5rem; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .btnTxt.modify { width: 6.8rem; padding: 1rem; margin-left: .5rem; font-weight: normal; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine .btnTxt.del { width: 6.8rem; padding: 1rem; margin-left: .5rem; font-weight: normal; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine [class^="form"] + [class^="form"] { margin-left: .5rem; }
[data-page-id='binzib_board'] .topSchAreaGray.type3 .schLine hr.space { height: .5rem; margin: 0; }
[data-page-id='binzib_board'] .topSchAreaGray.type3.eidt2 .schLine { padding-left: 35rem; position: relative; }
[data-page-id='binzib_board'] .topSchAreaGray.type3.eidt2 .schLine .tit { width: calc(100% - 30rem); }
[data-page-id='binzib_board'] .topSchAreaGray.type3.eidt2 .schLine .url { width: calc(100% - 14rem); }
[data-page-id='binzib_board'] .topSchAreaGray.type3.eidt2 .schLine .url.short { width: calc(100% - 30rem); }
[data-page-id='binzib_board'] .topSchAreaGray.type3.eidt2 .schLine .formSelect.view { margin-left: .5rem; }
[data-page-id='binzib_board'] .topSchAreaGray.type3.eidt2 .schLine .schBtn { margin-left: .5rem; }
[data-page-id='binzib_board'] .topSchAreaGray.type3.eidt2 .schLine .imgArea { position: absolute; left: 0; background: #fff; border: 1px solid #ccc; border-radius: 1rem; width: 33rem; height: 8.5rem; text-align: center; }
[data-page-id='binzib_board'] .topSchAreaGray.type3.eidt2 .schLine .imgArea img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/*공지사항*/
.topSchAreaGray.type4 .formCheckbox { vertical-align: middle; }/*[data-page-id='binzib_board'] 삭제함*/
.topSchAreaGray.type4 .formCheckbox label { font-size: 1.7rem; }
.topSchAreaGray.type4 .formText { width: 25rem; }
.topSchAreaGray.type4 .formText input { width: 100%; }
.topSchAreaGray.type4 .formText.date { width: 19rem; }
.topSchAreaGray.type4 .formText.date input { width: 80%; }
.topSchAreaGray.type4 .formText.date.start { width: 28rem; }
.topSchAreaGray.type4 .formText.date.start + .formText.date { margin-left: 0; }
.topSchAreaGray.type4 .formText.date.start input { width: 20rem; }
.topSchAreaGray.type4 .innerTxt { display: inline-block; margin-right: .5rem; }
c {display:inline-block; }
.topSchAreaGray.type4 [class^="form"] {vertical-align:middle}
.topSchAreaGray.type4 .schLine .formDate {display:inline-block}
.formDate label { font-size: 1.7rem; font-weight: bold; display: inline-block; position: relative; color: #000; margin-right: 1.5rem; vertical-align: middle; width: 8rem;}
[data-page-id='binzib_board'] .boardListArea .bothType .left { line-height: 4.3rem; }
[data-page-id='binzib_board'] .boardListArea .bothType .right { text-align: right; }
[data-page-id='binzib_board'] .boardListArea .bothType .right .formSelect select { width: auto; font-size: 1.2rem; }
[data-page-id='binzib_board'] .boardListArea .paging { margin-top: 5rem; }
[data-page-id='binzib_board_best'] .boardListArea .paging { margin-top: 5rem; }
.boardListArea .imgType {display:flex; flex-flow:row wrap; gap:2rem }
.boardListArea .imgType li { }
/*[data-page-id='binzib_board']삭제함*/
.boardListArea .imgType li {width:calc(45% - 2rem); padding: 1.5rem 0; }
/* .boardListArea .imgType li {flex: 1 1 45%; padding: 1.5rem 0; } */
/* [data-page-id='binzib_board_best'] .boardListArea .imgType li {flex: 1 1 20%; padding: 1.5rem 0; } */
/* .boardListArea .imgType li:nth-child(even) { margin-left: 3rem; } */
.boardListArea .imgType li .tit { font-size: 1.7rem; font-weight: bold; margin-bottom: 1rem; }
[data-page-id='binzib_board_best'] .boardListArea .imgType {display:flex; flex-flow:row wrap; gap:2rem; }
[data-page-id='binzib_board_best'] .boardListArea .imgType li { }
[data-page-id='binzib_board_best'] .boardListArea .imgType li {width:calc(25% - 2rem); box-shadow:0.3rem 0.3rem 0 rgba(0, 0, 0, 0.1); cursor:pointer; border-radius: 12px; padding-top: 0; padding-bottom:1.5rem; overflow: hidden; }
[data-page-id='binzib_board_best'] .boardListArea .imgType li p { height: 2rem; margin-left: 1rem; margin-right: 1rem;}
[data-page-id='binzib_board_best'] .boardListArea .imgType li .tit { width:95%; line-height:1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.boardListArea .imgType li .imgArea { border: 1px solid #ccc; }
.boardListArea .imgType li .imgArea img { min-width: 100%; }
.boardListArea .imgType li .hash { font-size: 1.5rem; font-weight: bold; color: var(--color-blue2); margin-top: 2rem; }
.boardListArea .imgType li .hash span { display: inline-block; }
.boardListArea .imgType li .hash span:before { content: '# '; }
.boardListArea .imgType li .hash span + span { margin-left: 1rem; }
.boardListArea .imgType li.noData { width: 100%; font-weight: normal; text-align: center; }
.boardListArea .btnArea.submit { text-align: right; margin-top: 4rem; }
.boardWriteArea .addFileArea { margin-top: 3rem; margin-bottom:4rem; border-top: 1px solid #000; border-bottom: 1px solid #ccc; }
.boardWriteArea .addFileArea li { position: relative; padding: 1rem 1rem 1rem 15rem; min-height: 9rem; }
/*[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.addImg .formArea { margin-top: 2rem; }*/
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.keyword { padding: 1rem 1rem 1rem 3rem; min-height: auto; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.keyword .line { display: inline-block; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.keyword .line + .line { margin-left: 1rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.keyword .line .formText { font-size: 1.5rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.keyword .line .formText label { font-weight: bold; color: #000; margin-right: 1rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.keyword .line .formText input { width: 18rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.keyword .line .formText + .btnTxt { width: 4rem; padding: 1rem; margin-left: .2rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li.keyword .line .formText + .btnTxt i { margin-top: .2rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li + li { border-top: 1px solid #ccc; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li > button { position: absolute; width: 10rem; padding: 1.3rem; text-align: center; left: 3rem; line-height: 1.4; font-size: 1.5rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li .formArea + .formArea { margin-top: .5rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li .formArea [class^="form"] + [class^="form"] { margin-left: .5rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li .formArea .formCheckbox { width: 15rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li .formArea .formSelect select { padding: .3rem 3.5rem .3rem 1.2rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li .formArea .formText input { padding: .2rem 3.5rem .2rem 1.2rem; font-size: 1.4rem; height: 3.2rem; width: 30rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li .formArea .formText .btn-clear { bottom: .6rem; }
[data-page-id='binzib_board'] .boardWriteArea .addFileArea li .formArea > button { margin-left: 1rem; }
[data-page-id='binzib_board'] .boardWriteArea .editerArea { margin-top: 4rem; border: 1px solid #ccc; min-height: 20rem; }
[data-page-id='binzib_board'] .boardWriteArea .btnArea.submit { text-align: right; margin-top: 4rem; }
.boardViewArea { margin-top: 3rem; border-top: 1px solid #000; }/*[data-page-id='binzib_board'] 삭제함*/
.boardViewArea .topArea { padding: 1.5rem 3rem; font-size: 1.7rem; border-bottom: 1px solid #ccc; background: #fafafa; position: relative; }
.boardViewArea .topArea .type { display: inline-block; margin-right: 2rem; line-height: 1.4; }
.boardViewArea .topArea .hash { color: var(--color-blue2); }
.boardViewArea .topArea .hash span { display: inline-block; }
.boardViewArea .topArea .hash span:before { content: '#'; }
.boardViewArea .topArea .hash span + span { margin-left: 1rem; }
.boardViewArea .topArea.typeRight .type { width:calc(100% - 20rem) }
.boardViewArea .topArea.typeRight .right { font-size: 1.7rem; color: var(--color-blue2); position: absolute; top: 50%; transform: translateY(-50%); right: 3rem; }
.boardViewArea .topArea.typeRight .right.type2 { font-size: 1.5rem; color: #000; position: absolute; top: 50%; transform: translateY(-50%); right: 3rem; }
.boardViewArea .topArea.typeRight .right.type2 .list + .list { margin-left: 2rem; }
.boardViewArea .topArea.typeRight .right.type2 .list strong { margin-right: 1rem; }
.boardViewArea .titArea { position: relative; padding: 1.5rem 1.5rem; font-size: 1.5rem; border-bottom: 1px solid #ccc; }
.boardViewArea .titArea .type { display: inline-block; margin-right: 2rem; }
.boardViewArea .titArea .tit { width: calc(100% - 30rem); display: inline-block; line-height: 1.4; }
.boardViewArea .titArea .cont { margin-right: 5rem; }
.boardViewArea .titArea .right { right: 3rem; position: absolute; top: 50%; transform: translateY(-50%); }
.boardViewArea .titArea .right .list + .list { margin-left: 2rem; }
.boardViewArea .titArea .right .list strong { margin-right: 1rem; }
.boardViewArea .titArea .right .list .downList { display: none; position: absolute; border: 1px solid #ccc; border-radius: .5rem; padding: 2rem; background: #fff; margin-top: 2rem; right: 0; }
.boardViewArea .titArea .right .list .downList button { text-align: left; font-size: 1.3rem; display: block; word-break: keep-all; white-space: nowrap; }
.boardViewArea .titArea .right .list .downList button.blue { font-weight: bold; color: #4f94e8; }
.boardViewArea .titArea .right .list .downList button + button { margin-top: 1rem; }
[data-page-id='binzib_board'] .boardViewArea .titArea .right .list .downList button:before { content: '- '; }
[data-page-id='binzib_board'] .boardViewArea .attachArea { position: relative; padding: 1.5rem 3rem; font-size: 1.5rem; border-bottom: 1px solid #ccc; }
[data-page-id='binzib_board'] .boardViewArea .attachArea .type { display: inline-block; vertical-align: top; }
[data-page-id='binzib_board'] .boardViewArea .attachArea .listUnit { display: inline-block; vertical-align: top; margin-left: 2rem; }
[data-page-id='binzib_board'] .boardViewArea .attachArea .listUnit li + li { margin-top: 1rem; }
[data-page-id='binzib_board'] .boardViewArea .attachArea .listUnit li > button { text-align:left }
[data-page-id='binzib_board'] .boardViewArea .contArea { padding: 3rem; font-size: 1.5rem; border-bottom: 1px solid #ccc; }
.boardViewArea .navArea { display:flex; flex-flow:row wrap; padding: 1.5rem 3rem; font-size: 1.5rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; }/*[data-page-id='binzib_board'] 앞에있는 선택자 삭제함*/
.boardViewArea .navArea > div {flex: 0 1 50%; display:flex; align-items:center; }
.boardViewArea .navArea > div > button {display:flex; flex:1; flex-flow:row wrap}
.boardViewArea .navArea > div > button> .tit {/* flex:1; */ line-height:1 }
.boardViewArea .navArea .left { width: 50%; }
.boardViewArea .navArea .left strong { margin: 0 2rem 0 1rem; }
.boardViewArea .navArea .left .tit { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width:calc(100% - 10rem);/* width: 45rem; */ text-align: left; vertical-align: middle; }
.boardViewArea .navArea .right { width: 50%; text-align: right; justify-content:flex-end }
.boardViewArea .navArea .right strong { margin: 0 1rem 0 2rem; }
.boardViewArea .navArea .right .tit { overflow: hidden; display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 10rem); /* width: 45rem; */ text-align: right; vertical-align: middle; }
[data-page-id='binzib_board'] .boardViewArea .btnArea.submit { text-align: center; margin-top: 4rem; }
.listRule { margin-top: 1rem; }/*[data-page-id='binzib_board']삭제함*/
.listRule:after { content: ''; display: table; clear: both; }
.listRule li { float: left; padding: 3rem; width: calc(50% - 1.5rem); text-align: center; background: #f9f9f9; border: 1px solid #ccc; border-radius: 1rem; margin-bottom: 3rem; }
.listRule li .tit { font-size: 2rem; margin: 2rem 0; font-weight: bold; }
.listRule li .cont { font-size: 1.5rem; }
.listRule li .btnArea { margin-top: 4rem; }
.listRule li .btnArea button { padding: 1rem 2rem; }
.listRule li .btnArea .formText { margin: 0 1rem; }
.listRule li .btnArea .formText input { width: 22rem; padding: .4rem 1.8rem; }
.listRule li:nth-child(even) { margin-left: 3rem; }
.bannerList { margin-top: 2rem; display:flex; flex-flow:row wrap; gap:3rem }
.bannerList li {width:calc(33.3% - 2rem); border-radius: 0; border: 1px solid #ccc; height: 11rem; position: relative; overflow:hidden}
.bannerList li button {width: 100%; height: 100%; }
.bannerList li img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width:100%; max-height:10.5rem }
[data-page-id='binzib_member'] { width: 100%; min-height: 100vh; height: 90rem; background: url("../img/sub/illust_bg.jpg") center center no-repeat; background-size: cover; position: relative; }
[data-page-id='binzib_member'] .secBody { text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 50%; transform: translate(-50%, -50%); padding: 3rem 0; }
[data-page-id='binzib_member'] .secBody .subTit { font-size: 4.7rem; font-weight: 700; color: #002c76; }
[data-page-id='binzib_member'] .secBody .desc { font-size: 2.4rem; color: #666; width: 50rem; line-height: 1.4; margin-top: 4rem; }
[data-page-id='binzib_member'] .secBody .innerDesc {font-size:1.6rem; color:#666; margin-top:3rem;}
[data-page-id='binzib_member'] .secBody .infoBox { margin-top: 5rem; border-radius: 2rem; padding: 7rem; width: 56.7rem; background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); }
[data-page-id='binzib_member'] .secBody .infoBox .formText { display: block; }
[data-page-id='binzib_member'] .secBody .infoBox .formText > [class^="icon-"] { position: absolute; top: 50%; transform: translateY(-50%); left: 2rem; }
[data-page-id='binzib_member'] .secBody .infoBox .formText input { width: 100%; border: none; border-bottom: .3rem solid #ddd; text-align: center; border-radius: 0; padding: 2rem; font-size: 2rem; background: transparent; transition: all 0.3s ease 0.1s; }
[data-page-id='binzib_member'] .secBody .infoBox .formText input:focus { border-bottom: .3rem solid #0090ca; }
[data-page-id='binzib_member'] .secBody .infoBox .formText input:-ms-input-placeholder { font-size: 2rem; color: #ccc; }
[data-page-id='binzib_member'] .secBody .infoBox .formText input::placeholder { font-size: 2rem; color: #ccc; }
[data-page-id='binzib_member'] .secBody .infoBox .formText .btn-clear { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; bottom: auto; }
[data-page-id='binzib_member'] .secBody .infoBox .formText + .formText { margin-left: 0; margin-top: 2rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea { margin-top: 3rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnLogin { width: 100%; color: #fff; font-size: 2rem; text-align: center; font-weight: 700; background: #0090ca; border-radius: 20rem; padding: 3rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnTxt { vertical-align: 0; font-size: 1.8rem; font-weight: 400; position: relative; color: #666; margin-top: 4rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnTxt.link:hover:after { width: 100%; left: 0; bottom: -.4rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnTxt + .btnTxt { margin-left: 8rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnTxt + .btnTxt:before { content: ''; width: 1px; height: 2rem; border-left: 1px solid #c3b8b1; position: absolute; top: 50%; transform: translateY(-50%); left: -4rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnShare { margin-top: 5rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnShare button + button { margin-left: 2rem; }
[data-page-id='binzib_member'].schId { height: 81rem; }
[data-page-id='binzib_member'].schPass { height: 87rem; }
[data-page-id='binzib_member'].joinTerms.write { height: 130rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox { text-align: left; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox { display: block; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox:not(:first-child) { margin-left: 0; margin-top: 4rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox label { font-size: 2rem; text-align: left; padding-left: 6rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox label button { text-align: left; line-height: 1.4; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox label:before { width: 3.9rem; height: 3.9rem; top: -.3rem; background-image: url("../img/sub/terms_checkbox.png"); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox input:checked + label:before { background-image: url("../img/sub/terms_checkbox_on.png"); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .btnArea [class^="btn"] { width: calc(50% - 1.2rem); color: #fff; font-size: 2rem; text-align: center; font-weight: 700; background: #0090ca; border-radius: 20rem; padding: 3rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .btnArea [class^="btn"]:not(:first-child) { margin-left: 2rem; background: #666; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText + .formText { margin-top: 3rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText .btn-clear { top: calc(50% + 1.5rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText[data-status="error"] .btn-clear { top: calc(50% - .0rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText[data-status="sucess"] .btn-clear { top: calc(50% - .0rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText label { font-size: 2rem; color: #666; font-weight: 700; margin-bottom: 1rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText label [class^="msg"] { padding: 0 0 0 2rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText[data-status="sucess"] .msgSuc { display: inline-block; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText .msgSuc { display: none; color: #0090ca; font-weight: 700; padding: 2rem 0 0 2rem; font-size: 1.6rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText[data-status="error"] .msgErr { display: inline-block; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText .msgErr { display: none; color: #c03c3c; font-weight: 700; padding: 2rem 0 0 2rem; font-size: 1.6rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText .msgErr i { vertical-align: 0; margin: 0 1rem 0 0; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr input { display: block; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr input.addr01 { width: calc(100% - 14rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr input.addr02 { margin-top: 1rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr .addrSch { width: 12rem; font-size: 2rem; font-weight: 700; text-align: center; border-radius: 20rem; background: #0090ca; padding: 1rem 0; color: #fff; position: absolute; right: 0; top: 3rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr .btn-clear { top: calc(50% + 4rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel label { display: block; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .formSelect { display: inline-block; width: calc(34% - 1.6rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .formSelect select { background-color: transparent; width: 100%; border-radius: 0; border: none; border-bottom: 0.3rem solid #ddd; font-size: 2rem; background-image: url("../img/common/select_arrow3.png"); background-size: 2.7rem 1rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .formSelect + input { margin: 0 2rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .formSelect + input + .btn-clear { right: auto; left: calc(67% - 3.6rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel input { width: calc(33% - 1.6rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .btn-clear { top: calc(50% + 1.5rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail label { display: block; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail .formSelect { display: inline-block; width: calc(45% - 1.2rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail .formSelect select { background-color: transparent; width: 100%; border-radius: 0; border: none; border-bottom: 0.3rem solid #ddd; font-size: 2rem; background-image: url("../img/common/select_arrow3.png"); background-size: 2.7rem 1rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail .formSelect + input + .btn-clear { right: auto; left: calc(67% - 3.6rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail input { width: calc(55% - 1.2rem); margin-right: 2rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail input + .btn-clear { right: auto; left: calc(55% - 4rem); top: calc(50% + 1.5rem); }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] { background: transparent; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] .wrapper { width: 46rem; border-radius: 0; border: none; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); top: calc(50% + 9rem); height: 50rem; max-height: 50rem; padding: 5rem; position: fixed; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] .wrapper h2 { line-height: 1.4; border: none; padding-bottom: 0; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] .wrapper .contArea { white-space: pre-line; line-height: 1.4; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="addrSch"] .wrapper { width: auto; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="addrSch"] .wrapper .contents .container > .left .schResult .addrList .tit { width: 85%; }
[data-page-id='binzib_member'].guidePass .secBody .infoBox .btnArea.item02 .btn { width: calc(50% - 1.2rem); color: #fff; font-size: 2rem; text-align: center; font-weight: 700; border-radius: 20rem; padding: 3rem; }
[data-page-id='binzib_member'].guidePass .secBody .infoBox .btnArea.item02 .btn + .btn { margin-left: 2rem; }
[data-page-id='binzib_member'].guidePass .secBody .infoBox .btnArea.item02 .btnBlue { background: #0090ca;}
[data-page-id='binzib_member'].guidePass .secBody .infoBox .btnArea.item02 .btnGray { background: #666; }
@media screen and (max-width: 1200px) { [data-page-id='binzib_member'] { margin: 0 -1.5rem; width: calc(100% + 3rem); height: 57rem; }
[data-page-id='binzib_member'] .secBody { text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 50%; transform: translate(-50%, -50%); padding: 3rem; width: 100%; max-width: 36rem; }
[data-page-id='binzib_member'] .secBody .tit { max-width: 24rem; margin: auto; }
[data-page-id='binzib_member'] .secBody .subTit { font-size: 2rem; }
[data-page-id='binzib_member'] .secBody .desc { font-size: 1.3rem; width: auto; line-height: 1.4; margin-top: 2rem; }
[data-page-id='binzib_member'] .secBody .innerDesc {font-size:1.2rem; line-height:1.4; margin-top:2rem;}
[data-page-id='binzib_member'] .secBody .infoBox { margin-top: 2.5rem; border-radius: 1rem; padding: 3rem; width: auto; }
[data-page-id='binzib_member'] .secBody .infoBox .formText > [class^="icon-"] { left: 1rem; transform: scale(0.5) translateY(-50%); }
[data-page-id='binzib_member'] .secBody .infoBox .formText input { border-bottom: .2rem solid #ddd; padding: 1rem; font-size: 1.2rem; }
[data-page-id='binzib_member'] .secBody .infoBox .formText input:focus { border-bottom: .2rem solid #0090ca; }
[data-page-id='binzib_member'] .secBody .infoBox .formText input:-ms-input-placeholder { font-size: 1.2rem; }
[data-page-id='binzib_member'] .secBody .infoBox .formText input::placeholder { font-size: 1.2rem; }
[data-page-id='binzib_member'] .secBody .infoBox .formText .btn-clear { position: absolute; top: 50%; transform: translateY(-50%); right: .5rem; bottom: auto; transform: scale(0.5) translateY(-50%); transform-origin: right; }
[data-page-id='binzib_member'] .secBody .infoBox .formText + .formText { margin-left: 0; margin-top: 1rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea { margin-top: 1.5rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnLogin { font-size: 1.2rem; padding: 1.5rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnTxt { font-size: 1.2rem; margin-top: 2rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnTxt.link:hover:after { width: 100%; left: 0; bottom: -.2rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnTxt + .btnTxt { margin-left: 3rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnArea .btnTxt + .btnTxt:before { height: 1rem; left: -1.5rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnShare { margin-top: 2.5rem; }
[data-page-id='binzib_member'] .secBody .infoBox .btnShare button { transform: scale(0.5); transform-origin: right; }
[data-page-id='binzib_member'] .secBody .infoBox .btnShare button + button { margin-left: 1rem; transform-origin: left; }
[data-page-id='binzib_member'].schId { height: 49rem; }
[data-page-id='binzib_member'].schPass { height: 54rem; }
[data-page-id='binzib_member'].joinTerms { height: auto; }
[data-page-id='binzib_member'].joinTerms.write { height: auto; }
[data-page-id='binzib_member'].joinTerms .secBody { position: relative; top: auto; left: auto; transform: none; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox:not(:first-child) { margin-left: 0; margin-top: 2rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox label { font-size: 1.2rem; padding-left: 3rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formCheckbox label:before { width: 2rem; height: 2rem; top: 0; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText + .formText { margin-top: 1.5rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText label { font-size: 1.2rem; margin-bottom: .5rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText label [class^="msg"] { padding: 0 0 0 1rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText .msgSuc { padding: .5rem 0 0 0; font-size: 1rem; line-height: 1.4; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText .msgErr { padding: .5rem 0 0 0; font-size: 1rem; line-height: 1.4; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText .msgErr i { margin: 0 .5rem 0 0; transform: scale(0.75); transform-origin: bottom right; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr input.addr01 { width: calc(100% - 7rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr input.addr02 { margin-top: .5rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr .addrSch { width: 6rem; font-size: 1.2rem; padding: 1rem 0; top: 3rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.addr .btn-clear { top: calc(50% + 3rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .formSelect { width: calc(34% - .8rem); vertical-align: bottom; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .formSelect select { border-bottom: 0.2rem solid #ddd; font-size: 1.2rem; background-size: 1.35rem .5rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .formSelect + input { margin: 0 1rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .formSelect + input + .btn-clear { right: auto; left: calc(67% - 2.8rem); top: calc(50% + .8rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel input { width: calc(33% - 1rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.tel .btn-clear { top: calc(50% + .8rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail .formSelect { width: calc(45% - 1rem); vertical-align: bottom; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail .formSelect select { border-bottom: 0.2rem solid #ddd; font-size: 1.2rem; background-size: 1.35rem .5rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail .formSelect + input + .btn-clear { right: auto; left: calc(67% - 3.6rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail input { width: calc(55% - .6rem); margin-right: 1rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .formText.mail input + .btn-clear { right: auto; left: calc(55% - 2.8rem); top: calc(50% + .9rem); }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .btnArea [class^="btn"] { width: calc(50% - .7rem); font-size: 1.2rem; padding: 1.5rem; }
[data-page-id='binzib_member'].joinTerms .secBody .infoBox .btnArea [class^="btn"]:not(:first-child) { margin-left: 1rem; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] { position: relative; height: 12rem; display: block; margin: 1rem 0; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] .wrapper { width: 100%; top: auto; height: 12rem; max-height: 12rem; padding: 1rem; transform: none; left: auto; max-width: 100%; box-shadow: none; position: absolute; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] .wrapper h2 { font-size: 1rem; margin-bottom: 1rem; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] .wrapper .btn-close { display: none; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="terms"] .wrapper .contArea { white-space: pre-line; line-height: 1.4; font-size: 1rem; }
[data-page-id='binzib_member'].joinTerms .secPop[class*="addrSch"] .wrapper .contents .container > .left .schResult .addrList .tit { width: 80%; }
[data-page-id='binzib_member'].guidePass .secBody .infoBox .btnArea.item02 .btn{ width: calc(50% - .7rem); font-size: 1.2rem; padding: 1.5rem; }
[data-page-id='binzib_member'].guidePass .secBody .infoBox .btnArea.item02 .btn + .btn{ margin-left: 1rem; }
}
.btnMore { color: #666; font-size: 1.5rem; display: inline-block; }
.btnMore span { display: inline-block; margin-right: .2rem; }
.btnMore + i { vertical-align: 0; }
@media screen and (max-width: 1200px) { .btnMore { font-size: 1.3rem; }
.btnMore span { margin-right: .1rem; } }
i[class^="tag-"] { color: #fff; font-size: 1.3rem; background:var(--color-blue2); border-radius: .5rem; display: inline-block; width: 6rem; height: 2rem; line-height: 2rem; vertical-align: middle; margin-right: 1rem; text-align: center; font-style: normal; }
i[class^="tag-pdf"] { background: #db8554; }
i[class^="tag-hwp"] { background: #214b7e; }
i[class^="tag-img"] { background: #4f94e8; }
i[class^="tag-excel"] { background: #7fb249; }
@media screen and (max-width: 1200px) { i[class^="tag-"] { color: #fff; font-size: 1.2rem; border-radius: .25rem; width: 5rem; height: 2rem; line-height: 2rem; margin-right: .5rem; } }
.paginationjs { margin-top: 2rem; margin-bottom: 2rem; text-align: center; }
.paginationjs:after { display: table; content: " "; clear: both; }
.paginationjs .paginationjs-pages { display: inline-block; }
.paginationjs .paginationjs-pages ul { float: left; margin: 0; padding: 0; }
.paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-nav { float: left; font-size: 1.3rem; }
.paginationjs .paginationjs-pages li { float: left; margin-left: 1.2rem; border-right: none; list-style: none; }
.paginationjs .paginationjs-pages li > a { border-radius: 0.2rem; width: 3.2rem; height: 1.8rem; line-height: 1.8rem; display: block; background: #fff; font-size: 1.3rem; color: #000; text-decoration: none; text-align: center; background: #eee; }
.paginationjs .paginationjs-pages li > a:hover { background: #eee; }
.paginationjs .paginationjs-pages li.active { border: none; }
.paginationjs .paginationjs-pages li.active > a { line-height: 1.8rem; background: var(--color-blue2); color: #fff; }
.paginationjs .paginationjs-pages li.disabled > a { opacity: .3; }
.paginationjs .paginationjs-pages li.disabled > a:hover { background: 0 0; }
.paginationjs .paginationjs-pages li.paginationjs-prev a, .paginationjs .paginationjs-pages li.paginationjs-next a { display: block; position: relative; width: 3.2rem; height: 1.8rem; text-indent: -999.9rem; background: none; }
.paginationjs .paginationjs-pages li.paginationjs-prev a:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; margin: -0.4rem 0 0 -0.3rem; width: 0.6rem; height: 0.9rem; background-image: url("../img/common/pagin-left-xs.png"); }
.paginationjs .paginationjs-pages li.paginationjs-next a:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; margin: -0.4rem 0 0 -0.3rem; width: 0.6rem; height: 0.9rem; background-image: url("../img/common/pagin-right-xs.png"); }
#terms h3.tit{font-size:5rem; letter-spacing:-2px; text-align:center; margin-bottom:5.4rem;}
#terms .cont > p{font-size:2rem; line-height:1.5; letter-spacing:-0.48px; margin-bottom:7rem;}
#terms .cont dl dt{font-size:3.2rem; font-weight:bold; letter-spacing:-0.8px; margin-bottom:4rem;}
#terms .cont dl dt > h3{font-size:4rem; font-weight:300; color:#959595; letter-spacing:-2px;}
#terms .cont dl dd{margin-bottom:6.8rem;}
#terms .cont dl dd ul li{font-size:1.8rem; font-weight:500; line-height:1.5; letter-spacing:-0.45px; margin-bottom:1.3rem;}
#terms .cont dl dd ul li:last-child{margin-bottom:0;}
#terms .cont dl dd ul li table{margin-top:3rem;}
#terms .cont dl dd > p{font-size:1.8rem; font-weight:500; line-height:1.5; letter-spacing:-0.45px; margin-bottom:3.8rem;}
#terms .cont dl dd ul li > ul{margin:2.5rem 0 2.5rem 2.1rem;}
#terms .cont dl dd ul li > ul > li{font-size:1.7rem; margin-bottom:1rem; color:#333;}
@media screen and (max-width: 1200px) {
#terms h3.tit{font-size:2.8rem; letter-spacing:-2px; text-align:center; margin-bottom:3.2rem;}
#terms .cont > p{font-size:1.4rem; line-height:1.5; letter-spacing:-0.48px; margin-bottom:3rem;}
#terms .cont dl dt{font-size:1.6rem; font-weight:bold; letter-spacing:-0.8px; margin-bottom:2rem;}
#terms .cont dl dt > h3{font-size:2rem; font-weight:300; color:#959595; letter-spacing:-2px;}
#terms .cont dl dd ul li{font-size:1.3rem; font-weight:400; line-height:1.4; letter-spacing:-0.45px; margin-bottom:1rem;}
#terms .cont dl dd ul li:last-child{margin-bottom:0;}
#terms .cont dl dd ul li table{margin-top:1.5rem;}
#terms .cont dl dd > p{font-size:1.3rem; font-weight:500; line-height:1.4; letter-spacing:-0.45px; margin-bottom:2rem;}
#terms .cont dl dd ul li > ul{margin:2rem 0 2rem 1.6rem;}
#terms .cont dl dd ul li > ul > li{font-size:1.3rem; margin-bottom:1rem; color:#333;}
}
.w300 {width:300px !important}
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.hide-txt{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
:root {
/*color*/
--color-black:#111;
--color-gray1:#222;
--color-gray2:#333;
--color-gray3:#555;
--color-gray4:#c6c6c6;
--color-gray5:#efefef;
--color-primary1:#886846;
--color-primary2:#834a33;
--color-primary3:#577d86;
--color-primary4:#585951;
--color-reb1:#148fb6;
--color-reb2:#3caeab;
--color-reb3:#4876cc /* rgb(72,118,204) */;
--color-btn1:rgb(0,233,91);
--color-btn2:#414141 /* rgb(65,65,65) */;
/*ehis네이밍동일 칼러다름*/
--color-blue1:#233356; /*포인트박스에 사용*/
--color-blue2:#004fa6; /*포인트컬러*/
--color-blue3:#1d74b7;
--color-blue4:#328AA3;/*BLUE1과 조합*/
--color-black:#111;
--color-gray1:#222;
--color-gray2:#333;
--color-gray3:#555;
--color-gray4:#c6c6c6;
--color-gray5:#efefef;
--color-gray6:#f9f9f9;
--color-point1:#d66d01; /*명도대비 3.47*/
--color-point2:#ac5702; /*명도대비 5.1*/
--color-point3:#d66d01;
--color-point4:#d66d01;
--color-table-head1:#eee;
--color-table-border1:#ddd;
}
.gnb-menu {width:100%; background:#fff; text-align: center;}
.renew-swiper-container {position:relative}
.max-1920.renew {
overflow: hidden;
background: #f7f7f7;
}
.max-1920.renew .renew-area {
overflow: hidden;
}
.max-1920.renew .renew-swiper-container {
margin: 0 auto;
width: 1360px;
width: 136rem;
}
.max-1920.renew .renew-top {
font-size: 50px;
font-size: 5rem;
font-weight: 700;
padding-top: 110px;
padding-top: 11rem;
padding-bottom: 80px;
padding-bottom: 8rem;
display: flex;
align-items: center;
justify-content: center;
}
.max-1920.renew .renew-slider {
position: relative;
}
.max-1920.renew .renew-cont-box {
display: flex;
align-items: center;
justify-content: center;
}
.max-1920.renew .renew-cont-box img {
width: 100%;
display: block;
}
.max-1920.renew .renew-swiper {
padding-bottom: 100px;
padding-bottom: 10rem;
overflow: visible;
}
.max-1920.renew .sub-swiper {
position: absolute;
bottom: 5%;
left: 55%;
z-index: 3;
width: 650px;
width: 65rem;
height: 400px;
height: 40rem;
background: #fff url(../img/new/visual-txt-bg.jpg)no-repeat center/100% 100%;
box-shadow:3px 3px 5px rgba(0,0,0,0.1);
border-radius: 60px 0px 0px 0px;
padding: 70px 60px;
padding: 7rem 6rem;
}
.max-1920.renew .sub-tit {
font-size: 40px;
font-size: 4rem;
font-weight: 700;
}
.max-1920.renew .sub-txt {
display: block;
margin-top: 22px;
margin-top: 2.2rem;
font-size: 18px;
font-size: 1.8rem;
width: 500px;
width: 50rem;
color: #666;
}
.max-1920.renew .pc-only {
display: block;
}
.max-1920.renew .sub-swiper .sub-txt {
line-height: 26px;
line-height: 2.6rem;
}
.max-1920.renew .sub-swiper .swiper-wrapper {
height: calc(100% - 48px);
}
.max-1920.renew .sub-swiper .btn-sm-detail {margin-top:2rem}
.max-1920.renew .swiper-controler-renew-area {
position: relative;
width: 100%;
height: 48px;
height: 4.8rem;
display: flex;
align-items: center;
}
.max-1920.renew .swiper-controler-renew-area [class*=swiper-button] {
position: relative;
left: auto;
right: auto;
top: auto;
margin-top: 0;
width: 48px;
width: 4.8rem;
height: 48px;
height: 4.8rem;
border: 1px solid #e5e5e5;
border-radius: 48px;
border-radius: 4.8rem;
background-size: 8px 16px;
background-size: 0.8rem 1.6rem;
opacity: 1;
}
.max-1920.renew .swiper-controler-renew-area [class*=swiper-button].swiper-button-prev {
background-image: url(../img/new/ico_renew_swiper_btn_prev.png); background-color: #fff;
}
.max-1920.renew .swiper-controler-renew-area [class*=swiper-button].swiper-button-next {
background-image: url(../img/new/ico_renew_swiper_btn_next.png); background-color: #fff;
}
.max-1920.renew .swiper-controler-renew-area [class*=swiper-button] .swiper-button-disabled {
pointer-events: all;
cursor: pointer;
}
.max-1920.renew .swiper-controler-renew-area .swiper-pagination {
position: relative;
left: auto;
right: auto;
bottom: 0;
margin: 0 32px;
margin: 0 3.2rem;
}
.max-1920.renew .swiper-controler-renew-area .swiper-pagination .swiper-pagination-bullet {
width: 8px!important;
width: 0.8rem!important;
height: 8px!important;
height: 0.8rem!important;
opacity: 1;
}
.max-1920.renew .swiper-controler-renew-area .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-left: 16px;
margin-left: 1.6rem;
}
.max-1920.renew .swiper-pagination-bullet {
width: 6px;
width: 0.6rem;
height: 6px;
height: 0.6rem;
background-color: #e5e5e5!important;
}
.max-1920.renew .swiper-pagination-bullet-active {
width: 6px;
width: 0.6rem;
height: 6px;
height: 0.6rem;
background-color: #0060ab!important;
}
#header-new{position:fixed;left:0;top:0;padding:20px 48px 0;padding:2rem 4.8rem 0rem;width:100%;height:7rem;z-index:100;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s; background:rgba(0, 0, 0, 0.1); max-width:192rem; left:50%; transform:translate(-50%,0); border-bottom: 0rem solid #36518b;}
#header-new.relative{position:relative;padding:20px 48px 0;padding:2rem 4.8rem 0rem;width:100%;height:8rem;min-width:120rem;z-index:100;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s; background:#fff; max-width:initial; left:50%; transform:translate(-50%,0); }
#header-new.white{background:#fff }
#header-new.active .gnb > ul > li > a,#header-new.white .gnb > ul > li > a{color:#222}
#header-new.relative.active {position:fixed; left:0;top:0;padding:20px 48px 0;padding:2rem 4.8rem 0rem;width:100%;height:8rem;min-width:120rem;z-index:100; background:#fff; left:50%; transform:translate(-50%,0); border-bottom:1px solid #ccc}
#header-new.active,#header.sitemap{padding:11px 48px 0 ;padding:1.1rem 4.8rem 0;background:#fff; height:6.9rem}
#header-new.active .gnb > ul > li > a,#header.sitemap .gnb > ul > li > a{color:#222}
#header-new.active .gnb > ul > li{height:5.6rem}
#header-new.active .util .btn1,#header.active .util .btn2,#header.sitemap .util .btn1,#header.sitemap .util .btn2{color:#222}
#header-new.active .util .btn2:before,#header.sitemap .util .btn2:before{background:#222}
#header-new.active .util .btn3,#header.sitemap .util .btn3{background:#da291c;color:#fff}
#header-new.active .util .btn3:before,#header.sitemap .util .btn3:before{background-image:url(../images/common/sprite_pc.png);background-position:-183px -282px;background-position:-18.3rem -28.2rem;width:18px;width:1.8rem;height:16px;height:1.6rem;background-size:351px 325px;background-size:35.1rem 32.5rem}
#header-new .white-bg {position:absolute; top:80px; left:0; width:100%; height:0; transition:height 0.3s; background:rgba(255,255,255,1); z-index:2; }
#header-new .white-bg.active {height:12rem}
#header-new.relative.on {padding:2rem 4.8rem 0 ; }
#header-new.on:before{content:'';display:block;position:absolute;left:0;top:65px;top:6.5rem;width:100%;height:1px;background:#e5e5e5}
#header-new.relative.on:before{content:'';display:block;position:absolute;left:0;top:79px;top:7.9rem;width:100%;height:1px;background:#e5e5e5}
#header-new.relative.on .gnb{z-index:100}
#header-new.on .gnb > ul > li > a{color:#222}
#header-new.relative.on .gnb > ul > li ul {height:auto}
@media (min-width: 1024px){
#header-new.on{background:#fff;padding:1.1rem 4.8rem 8rem}
#header-new.on .gnb > ul > li ul{display:block;top:7rem;}
.header-content{position:relative;width:100%;max-width:1920px;margin:0 auto; z-index:5}
.header-content .m-menu-btn,.header-content .menu-close{display:none}
.header-content .h1_logo{position:absolute;left:0;top:-3;}
.header-content .h1_logo a{display:inline-block;width:17rem;height:4.3rem;}
.header-content .gnb{text-align:center}
.header-content .gnb > ul{width:100%;display:flex; align-items:center; justify-content:center;}
.header-content .gnb > ul > li{position:relative;margin-left:3rem;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s; height:3.0rem; width:150px;}
.header-content .gnb > ul > li.current {position:relative;}
.header-content .gnb > ul > li:before{position:absolute; display:block; content:""; bottom:0; left:50%; width:0; height:4px; background:#36518b; transition:all 0.3s }
#header-new.relative.on .header-content .gnb > ul > li:before{bottom:-3px; background:#2f4880;}
.header-content .gnb > ul > li.current:before{width:100%; left:0}
.header-content .gnb > ul > li > a{display:block;font-size:19px;font-size:1.9rem;}
#header-new.relative .header-content .gnb > ul > li > a {color:#000}
.header-content .gnb > ul > li > a span{display:block;height:2.8rem;line-height:2.8rem; font-weight:500; color: rgb(60, 65, 68);text-align: left;margin-top: 0.4rem;}
.header-content .gnb > ul > li > ul{display:none;position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, -15px);/*top:70px;top:7rem;*/ }
/* .header-content .gnb > ul > li > a span:hover{ height:3.5rem; line-height:1.5; font-weight:bold;} */
/* .header-content .gnb > ul > li > a span:hover:after{ content: '˚'; margin-left: .3rem; color: rgb(60, 65, 68);} */
.header-content .gnb > ul > li > a span.menuActive{ height:3.5rem; line-height:1.5; font-weight:bold;}
.header-content .gnb > ul > li > a span.menuActive:after{ content: '˚'; margin-left: .3rem; color: rgb(60, 65, 68);}
.header-content .gnb > ul > li > ul li{margin-top:14px;margin-top:1.4rem; white-space: nowrap;}
.header-content .gnb > ul > li > ul li a{font-size:16px;font-size:1.6rem; font-weight:500; line-height:1.5;color:#888}
.header-content .gnb > ul > li > ul li a:hover{color:#7b4f19;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.header-content .gnb > ul > li > ul li.indent {position:relative; text-align:left; padding-left: 1.5rem; margin-left:1rem }
.header-content .gnb > ul > li > ul li.indent:before {position:absolute; content:""; left:0; top:50%; transform:translateY(-50%); width:.5rem; height:2px; background:#ccc; }
.header-content .m-menu .m-logo {display:none}
}
#header-new.relative .header-content .gnb > ul > li > ul li a:hover{color:#2f4880;}
.header-content .gnb > ul > li:first-child{margin-left:0}
.top-visual{position:relative;max-height:1080px;/*height:100vh*/ height:850px}
.top-visual.max-height{height:calc(100vh - 8rem); max-height:1080px}
.top-visual .swiper-container,.top-visual .swiper-slide,.top-visual .swiper-wrapper{height:100%}
.top-visual .swiper-slide{position:relative;overflow:hidden}
.top-visual .swiper-slide .only-mo{display:none}
.top-visual .swiper-slide.swiper-slide-active .img{-webkit-animation-name:zoom;animation-name:zoom;-webkit-animation-duration:4s;animation-duration:4s;text-align:center; width:100%}
.top-visual .swiper-slide.swiper-slide-active .img2{ width:100%}
@-webkit-keyframes zoom{
from{-webkit-transform:scale(1.3);transform:scale(1.3)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoom{
from{-webkit-transform:scale(1.3);transform:scale(1.3)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
.top-visual .swiper-button-prev{top:50%;left:48px;left:4.8rem;margin-top:-24px;margin-top:-2.4rem;width:68px;width:6.8rem;height:68px;height:6.8rem;background:url(../img/new/top_visual_button1.png) no-repeat 0 0;background-size:33px 68px}
.top-visual .swiper-button-next{top:50%;right:48px;right:4.8rem;margin-top:-24px;margin-top:-2.4rem;width:68px;width:6.8rem;height:68px;height:6.8rem;background:url(../img/new/top_visual_button2.png) no-repeat right 0;background-size:33px 68px}
.top-visual .swiper-pagination{top:auto;left:50%;margin-left:-198px;margin-left:-19.8rem;width:396px;width:39.6rem;bottom:100px;bottom:13rem;opacity:1}
.top-visual .swiper-pagination .swiper-pagination-progressbar-fill{background:#222;-webkit-transition:none;-o-transition:none;transition:none}
.top-visual .txt-area{position:absolute;left:50%;padding-left:90px;padding-left:9rem;top:31.5%; line-height:1.3}
.top-visual .txt-area:before{content:'';display:block;position:absolute;left:58%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:250%;height:250%;/*background:url(../img/new/visual_txt_shadow.png) center no-repeat;*/background-size:contain;opacity:0.6}
.top-visual .txt-area span{color:#fff}
.top-visual .txt-area .fnt-title6{margin-top:4px;margin-top:0.4rem}
.top-visual .swiper-slide .fnt-title2,.top-visual .swiper-slide .fnt-title6{-webkit-transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,-webkit-transform 0.7s;-o-transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;-webkit-transform:translate(50px, 0);-ms-transform:translate(50px, 0);transform:translate(50px, 0);opacity:0}
.top-visual .swiper-slide.swiper-slide-active .fnt-title2,.top-visual .swiper-slide.swiper-slide-active .fnt-title6{-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.top-visual .swiper-slide.swiper-slide-active .fnt-title6{-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.top-visual .txt-area {left: 20%; top: 50%; transform: translate(0, -50%); }
.top-visual .txt-area.leftp {left: 3%; top: 50%; transform: translate(0, -50%); }
.top-visual .txt-area .fnt-title2 span, .top-visual .txt-area .fnt-title6 span {
font-weight: 700; font-size: 55px; font-size: 5.5rem; text-shadow:2px 2px 3px gray; }
.top-visual .swiper-pagination ~ i{position: absolute; bottom:12.5rem; left:50%; margin-left:12rem; z-index:10; color:#fff; cursor:pointer;font-family:uicons-regular-rounded !important; font-size:2rem; }
.top-visual .swiper-pagination ~ i.btn-stop:before{content:"\f867"}
.top-visual .swiper-pagination ~ i.btn-play:before{content:"\f8cd"}
.top-visual .swiper-pagination .swiper-pagination-bullet {
position: relative;
width: 12px;
width: 1.2rem;
height: 12px;
height: 1.2rem;
background: #fff;
opacity: 1;
}
.top-visual .swiper-pagination .swiper-pagination-bullet svg {
width: 32px;
height: 32px;
position: absolute;
top: -10px;
bottom: 0;
left: -10px;
right: 0;
display: block;
}
.top-visual .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
margin-left: 46px;
margin-left: 4.6rem;
}
.top-visual .swiper-pagination .swiper-pagination-bullet-active {
background: #ffffff!important;
width: 12px;
width: 1.2rem!important;
height: 12px;
height: 1.2rem!important;
}
/* .top-visual .swiper-pagination .swiper-pagination-bullet-active:before {
content: "";
width: 32px;
height: 32px;
border: 1px solid #fff;
position: absolute;
top: 0;
bottom: 0;
left: -13px;
right: 0;
margin: auto;
border-radius: 50%;
display: block;
} */
.top-visual .swiper-pagination .play-puase-btn {
display: block;
opacity: 1;
position: absolute;
right: 0;
width: 8px;
width: 0.8rem;
height: 10px;
height: 1rem;
background: url(../images/main/ico_play_btn_mo.png) no-repeat;
margin-left: 16px;
margin-left: 1.6rem;
}
.top-visual .swiper-pagination .play-puase-btn.stop {
display: block;
width: 8px;
width: 0.8rem;
height: 12px;
height: 1.2rem;
background: url(../images/main/ico_pause_btn.png) no-repeat;
margin-left: 16px;
margin-left: 1.6rem;
}
.top-visual .swiper-slide {
display: flex;
justify-content: center;
}
.header-content .btn-util {
display:none;
position:absolute;
top:0;
right:0;
}
.header-content .btn-util .btn1{ width:3.8rem; height:3.8rem; background:url(../img/new/ico_top_sitemap.png) no-repeat; font-size:0; text-indent:-9999rem; }
#header-new.relative .header-content .btn-util .btn1{ width:3.8rem; height:3.8rem; background:url(../img/new/ico_top_sitemap_on.png) no-repeat; font-size:0; text-indent:-9999rem; }
.header-content .btn-util .btn3::before {
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
content:'';
display:inline-block;
width:1px;
height:12px;;
background:#da291c;
}
.header-content .btn-util a.btn2,
.header-content .btn-util a.btn3 {
position:absolute;
top:0;
font-size: 1.4rem;
line-height:2.2rem;
font-weight:500;
padding: 1rem;
color: #da201c!important;
background: none!important;
}
/*메인임시용 demo2*/
[class^=m-section] {padding:7rem 1rem; display:flex; justify-content: center; align-items: center; }
.m-section2 {background:#a6937c; }
.m-section3 {background:url('../img/new/ty-img03-bg.png')no-repeat center/100% 100%; }
.m-section5 {background:#fff url('../img/new/ty-img-bg1.jpg')no-repeat center bottom/100% 100%; }
.m-section6 {background:#fff url('../img/new/ty-img-bg2.jpg')no-repeat center center/100%; }
/*fullpage용*/
[class^=fm-section] { vertical-align: middle;}
.fm-section5 {background:#fff url('../img/new/ty-img-bg1.jpg')no-repeat center bottom/100% 100%;}
.fm-section5-2 {background:#e5dccf !important; url('../img/new/ty-img-bg1-b.jpg')no-repeat center bottom/100% auto; }
.fm-section6 {background:#fff url('../img/new/ty-img-bg2.jpg')no-repeat center center/100% 100%;}
.fm-section6-2 {background:#fff url('../img/new/ty-img-bg2-b.jpg')no-repeat center center/100% 100%;}
.fm-section6-3 {background:#fff url('../img/new/ty-img-bg2-b.jpg')no-repeat center center/100% 100%;}
#fullpage {height:auto!important}
/*new */
#fp-nav ul li { width: 20px; height: 20px; margin: 10px 0;}
#fp-nav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a.active,
#fp-nav ul li:hover a.active {
background-color: #B5FFB5;
border-radius: 100%;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
height: 10px;
width: 10px;
margin: -5px 0 0 -5px;
background-color: var(--color-primary4);
}
#fp-nav ul li a span {
width: 6px;
height: 6px;
border-radius: 100%;
background-color: var(--color-primary4);
margin: -3px 0 0 -3px;
}
#fp-nav ul li:hover a span {
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
top: -1px;
color: var(--color-gray1);
/* font-family: Lato; */
font-size: 16px;
font-weight: 700;
line-height:1.4;
letter-spacing: 0;
}
#fp-nav ul li .fp-tooltip.fp-left {left: 3rem;}
#fp-nav ul li .fp-tooltip.left {left: 3rem;}
.sec-content {}
.fm-section5 .sec-content,.fm-section5-2 .sec-content,.fm-section6 .sec-content, .fm-section6-2 .sec-content, .fm-section6-3 .sec-content {display:flex; justify-content: center; align-items: center; flex-direction: column; max-width:136rem; margin:0 auto}
.fm-section6-2 .sec-content {display:flex; justify-content: center; align-items: center; flex-direction: column; max-width:166rem; margin:0 auto}
.fm-section7 .sec-content {display:flex; justify-content: center; align-items: center; max-width:136rem; margin: 0 auto; gap:3rem}
.sec-scroll {position:absolute; left:0; bottom:0; width:100%; height:8rem; background-color:#fff; z-index:1000; }
.visual-cube { position:absolute; left:50%; top:50%; transform:translateY(-40%) ; z-index: 50;}
.visual-cube [class^="box"] {position: relative; display: flex; flex-flow: column; justify-content: flex-start; width:22.4rem; height:22.6rem; color:#fff; padding:3rem 2.5rem 2rem; }
.visual-cube [class^="box"]:not(.box1){cursor:pointer}
.visual-cube [class^="box"]:before {content:"";position: absolute; right: 1rem; bottom:1rem; width:10.4rem; height: 9.4rem; }
.visual-cube .box2:before { background: url(../img/new/visual_cube_ico01.png) no-repeat 50%/ cover ;}
.visual-cube .box3:before { background: url(../img/new/visual_cube_ico02.png) no-repeat 50%/ cover ;}
.visual-cube .box4:before { background: url(../img/new/visual_cube_ico03.png) no-repeat 50%/ cover ;}
.visual-cube .box5:before { background: url(../img/new/visual_cube_ico04.png) no-repeat 50%/ cover ;}
.visual-cube .box1 { background:#587e87 url('../img/new/visual_cube_bg01.png')no-repeat center/cover; justify-content: center; }
.visual-cube .box2 { background:#886846 url('../img/new/visual_cube_bg02.png')no-repeat center/cover;}
.visual-cube .box3 { background:#64655d url('../img/new/visual_cube_bg03.png')no-repeat center/cover; }
.visual-cube .box4 { background:#5c4731 url('../img/new/visual_cube_bg04.png')no-repeat center/cover;}
.visual-cube .box5 { background:#90553c url('../img/new/visual_cube_bg05.png')no-repeat center/cover; }
.visual-cube [class^="box"] .tit {font-size: 2rem; font-weight: 500; }
.visual-cube [class^="box"] .txt {font-size: 1.5rem; margin-top: 1.5rem; line-height: 1.3; }
.visual-cube .box1 .tit {font-size:3rem; font-weight: bold;}
.visual-cube .box1 .txt {font-size:2rem}
.visual-cube .wrapBox {display: flex; justify-content: flex-end;}
.mouse-scroll {
position: absolute;
left: 50%;
transform: translateX(-50%) scale(1.3);
bottom: 20px;
z-index: 2;
}
.mouse-scroll .mouse {
height: 21px;
width: 16px;
border-radius: 10px;
transform: none;
border: 2px solid #000;
top: 170px;
margin-left: 1px;
}
.mouse-scroll .mouse .wheel {
height: 5px;
width: 2px;
display: block;
margin: 5px auto;
background: #000;
position: relative;
-webkit-animation: mouse-wheel 1.2s ease infinite;
-moz-animation: mouse-wheel 1.2s ease infinite;
}
.mouse-scroll span {
display: block;
width: 6px;
height: 6px;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
border-right: 2px solid #000;
border-bottom: 2px solid #000;
margin: 0 0 3px 6px;
}
.mouse-scroll .one {
margin-top: 6px;
}
.mouse-scroll .one {
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite;
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-direction: alternate;
}
.mouse-scroll .two {
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite;
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-direction: alternate;
}
.mouse-scroll .three {
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite;
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-webkit-animation-direction: alternate;
}
@-webkit-keyframes mouse-wheel
{
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
}
@-moz-keyframes mouse-wheel
{
0% { top: 1px; }
50% { top: 2px; }
100% { top: 3px;}
}
@-webkit-keyframes mouse-scroll {
0% { opacity: 0;}
50% { opacity: .5;}
100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@media screen and (max-width: 1599px)
{
.sec-scroll {display: none;}
/* .fp-section, .fp-tableCell:not(.top_visual){height: auto !important;} */
/* .swiper-container.sec-content .swiper-wrapper{min-height:100vh}
.swiper-container.sec-content .swiper-wrapper .swiper-slide{min-height:100vh; } */
}
@keyframes rotate {0%{transform:rotate(360deg)}}
@keyframes wink {50%{opacity:0}}
.spinner{ width:10rem; margin:2rem auto; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10; background-color:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.6)}
.spinner:before{content:""; display:block; width:7rem; height:1rem; margin:2rem auto; padding:3rem 0; border-radius:50%; border:2px solid #fff; border-top:2px solid transparent; border-bottom:2px solid transparent; animation:rotate 1s ease infinite;}
.spinner:after{ content:"Loading"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; font:1.4rem sans-serif; width:8rem; line-height:8rem; text-align:center; animation:wink 1.4s ease infinite; }
/*메인임시용 demo2*/
/*기존내용재정의*/
header {height:auto}
main.wrapper.new[data-page=main] { background: none; overflow: hidden; max-width: 192rem; margin: auto; margin-top:-1.5rem }
main.wrapper.new[data-page=sub] { max-width: 192rem; margin: auto; margin-top:-1.5rem /*0322상단에 알수없는여백이생겨서 임시로 적용*/ }
footer .secTop .wrapper {max-width:136rem;}
footer .secTop .wrapper .swiper-wrapper {max-height:6rem}
button.btn-sm-detail {padding:7px 30px 7px 15px; line-height: 1.3; color:#000; font-size:15px; font-weight:300; border:1px solid #ccc ;background:#fff url(../img/common/pagin-right-xs.png)no-repeat right 10px center; }
.fixed-banner {position:fixed; top:22.3rem; right:0; z-index:5; transition:all 0.3s; }
.fixed-banner.active {position:fixed; top:14.3rem; opacity: 1; }
/* main.wrapper[data-page='sub'] header:after {content:none} */
[data-page-id='binzib_3_2_1'] .secBody {padding:1rem}
.smlHouseReport .mapArea {min-height:91rem; height:calc(100vh - 4rem)}
/* header {position:fixed; left:0; top:0;right:0; padding:40px0; background:rgba(0,0,0,0.2); z-index:100}
header nav ul {display:flex; justify-content: center;}
header nav ul li{margin:0 20px; list-tyle:none} */
.map_right .btnList_map button.mapRight.minus {background:inherit; margin-bottom:inherit}
.map_right .btnList_map button.mapRight.plus {background:inherit; margin-top:inherit}
.map_right .btnList_map button.mapRight:focus { color: inherit; }
.unitTable {border-radius:0}
.unitTable table thead tr th {background: var(--color-table-head1); color:var(--color-gray1); padding:0.7rem 1rem}
.unitTable table thead tr>th:not(:first-child) {border-left: 1px solid var(--color-table-border1); font-weight:600 }
.unitTable table thead tr:not(:first-child) th {border-left: 1px solid var(--color-table-border1) }
.unitTable table thead tr + tr {border-top: 1px solid var(--color-table-border1)}
.unitTable table thead tr:not(first-child) th {border-left:initial}
.unitTable table td i {margin:0 .5rem; }
.unitTable table td i[class*="up"] {color:var(--color-red1)}
.unitTable table td i[class*="down"] {color:var(--color-blue2)}
.unitTable table td i {margin:0 .5rem; }
.unitTable table tbody tr td , .unitTable table thead tr th{line-height: 1.2; }
.unitTable table tbody tr td{padding:0.7rem 1rem }
.unitTable table tbody tr td.t-left{text-align:left}
.unitTable table tbody tr th {background-color:var(--color-table-head1);border-right:1px solid #ddd; vertical-align:middle}
.unitTable table.auto {min-width: inherit; width: 100%;}
.formSelect select:not(.smlHouseReport .left .formSelect select) {border-radius:0; font-weight:400}
.btnTxt {border-radius:0; font-weight:400}
.btnTxt span{line-height:1!important}
.btnTxt.blue {background-color: var(--color-blue1); border:1px solid var(--color-blue1); color:#fff; margin-left:0.3rem; margin-top: -1 }
.btnTxt.blue2 {background-color: var(--color-reb3); border:1px solid var(--color-reb3); color:#fff}
.btnTxt.reb1 {background-color: var(--color-reb1); border:1px solid var(--color-reb1); color:#fff}
.btnTxt.active {background-color: #000; border-color:#000; color:#fff}
.btnTxt.mid, .btnTxt.mid2 {border-radius:0}
/*사업성분석*/
.smlHouseReport .left {border:2px solid var(--color-reb1); border-radius:0; height: calc(100vh - 4rem); min-height:91rem ; padding:0; }
.smlHouseReport .left .stepWrap {height:100%; display: flex; flex-direction: column; padding:2rem 2rem 2rem 2rem}
.smlHouseReport .left .stepWrap .stepBody {flex:1; padding-right:1rem; margin-right:-1rem; overflow-y:auto}
.stepPos{display:flex; justify-content:space-between ; margin:-2rem -2rem 0 -2rem; padding:1rem 1.5rem; background-color: var(--color-reb1); color: #fff; box-shadow:0 0 .8rem rgba(0,0,0,0.2) }
.stepPos h3{color: #fff; font-size:2.2rem; }
.stepPos .stepNum li{display:inline-block; position:relative; width:2rem; height:2rem; line-height:1.1; font-size:1.5rem; border-radius:50%; border:1px solid #fff;margin-right:1.2rem; text-align: center; }
.stepPos .stepNum li:after{content: ""; position: absolute; right:-1.5rem; top:50%; width:1.5rem; height:1px; background: rgba(255,255,255,0.5);}
.stepPos .stepNum li.current{background:#fff; color:#000; font-weight: bold; }
.stepPos .stepNum li.prev{background:#fff; color:var(--color-reb1); font-weight: bold; }
.stepPos .stepNum li:last-child:after{content:none }
.smlHouseReport .left [class^='step'] > dl > dt:first-child { margin-top:2rem}
.stepT01 {position:relative; padding-left:2.5rem; font-size:1.8rem; border-bottom:1px solid #ccc; padding-bottom:2rem; height:3.5rem; line-height: 3rem; margin-top:1.5rem!important}
.stepT01:before {position:absolute; left:0; top:50%; font-family: uicons-regular-rounded !important; transform:translateY(-50%); font-size:2rem; content:"\f792"; color:var(--color-reb1)}
.stepT01.flexBox {display:flex; justify-content: space-between; font-size:1.5rem }
.stepT01.flexBox.active + .cont {display:block}
.stepT01.flexBox.active i:before {content:"\f312";}
.stepT01.flexBox + .cont {display:none}
.smlHouseReport .left input[type="text"],.smlHouseReport .left input[type="number"], .smlHouseReport .left .formSelect select {height:3rem; margin-bottom:.5rem; font-size:1.3rem }
.smlHouseReport .left input[type="text"],.smlHouseReport .left input[type="number"]{ padding:.4rem 1.5rem .4rem 0.5rem}
.smlHouseReport .left .formSelect select {width:auto; padding:0 3.5rem 0 1rem}
.smlHouseReport .left [class^='step'] > dl dd .unitList.dot li:before, .smlHouseReport .left [class^='step'] > div > dl dd .unitList.dot li:before {width:.3rem; height:.3rem; top:50%; }
.smlHouseReport .left .unitList.dot li.top:before {top:1rem!important}
.smlHouseReport .left [class^='step'] > dl > dd .unitList.dot {margin-left:1rem}
.smlHouseReport .left [class^='step'] > dl > dt {margin-bottom:1rem}
.smlHouseReport .left .unitList.dot.wdh08 > li strong {width:8rem;}
.smlHouseReport .left .unitList.dot.wdh10 > li strong {width:10rem; }
.smlHouseReport .left .unitList.dot.wdh13 > li strong {width:13.8rem; }
.smlHouseReport .left .wdh > li strong {position:relative; display:inline-block; padding-right:1.5rem; font-size:1.5rem}
.smlHouseReport .left .wdh > li strong:before {position:absolute; content:""; width:2px; height:1.2rem; right:1rem; top:0.4rem; background-color:#ddd}
.smlHouseReport .left .wdh > li > span,.smlHouseReport .left .wdh > li > div > span, .smlHouseReport .left .wdh .colText span {color:var(--color-blue2); font-weight:500; font-size:1.5rem}
.smlHouseReport .left .unitList.dot.wdh li {font-size:1.5rem}
.formRadio.typeBtn.style2 label {display:flex; justify-content:center; padding:.6rem 1rem}
.formRadio.typeBtn.style2 input:checked + label span {color:#fff;}
.formRadio.typeBtn.style2 input + label i{color:#000; z-index:2; margin:.2rem .5rem 0;}
.formRadio.typeBtn.style2 input:checked + label i {color:#fff; }
.formRadio.typeBtn.style2 input:checked + label:before {background:var(--color-reb3); border-color:var(--color-reb3)}
.formRadio.typeBtn.style2 input:checked + label span {color:#fff}
.smlHouseReport .left [class^='step'] .addBox {background-color:#fff; border-radius:.5rem; border:1px solid #ccc; padding:1rem 1.5rem; margin-top:2rem; font-size:1.5rem}
.smlHouseReport .left [class^='step'] .addBox > dl > dt {margin:1.5rem 0 1rem!important; font-size:1.5rem; font-weight:bold; }
.smlHouseReport .left [class^='step'] .addBox > dl > dt:first-child {margin-top:0rem!important}
.smlHouseReport .left .formText .unit {right: 0.4rem; color: #999; font-size: 1.3rem; position: absolute; top: 50%; transform: translateY(-60%); }
.smlHouseReport .left dl dd.type2.edit2 .formText {margin-left:inherit}
.smlHouseReport .left dl dd.type2.edit2 .formText + .formText{margin-left:1rem}
.smlHouseReport .left dl dd.type2 .formText label.stepLabel {display:block; font-size:1.5rem; color:#000 }
.smlHouseReport .left dl dd.type2.edit2 .flexWrap {display:flex; align-items: center; }
.smlHouseReport .left dl dd.type2.edit2 .flexWrap .sTit {display:inline-block; width:8rem}
.smlHouseReport .left dl dd.type2.edit2 .formText {width:calc(100% - 9rem)!important; margin-left:auto}
.smlHouseReport .left dl dd.type2 + dt.type2 {margin-top:1rem}
.smlHouseReport .left .bottomBtn {display: flex; position: relative; margin-top:auto ; bottom:inherit; width:inherit; left:inherit; padding-top:1rem}
.smlHouseReport .left .bottomBtn button{flex:1 1 auto}
.smlHouseReport .left .bottomBtn .btnTxt.typeArrow + [class*='typeArrow'] {margin-top:0; margin-left:1rem}
.smlHouseReport .left .unitTxtBtn {margin-top:2rem; }
.smlHouseReport .left .colText {display:inline-flex; width:calc(100% - 11rem) ; flex-wrap:wrap }
.smlHouseReport .left .colText[data-length="2"] > * {position:relative; flex: 0 1 45%; padding-left:1rem }
.smlHouseReport .left .colText[data-length="1"] > * {position:relative; flex: 0 1 90%; padding-left:1rem }
.smlHouseReport .left .colText > *:before {content: ''; width: .3rem; height: .3rem; background: #666; display: block; border-radius: 50%; position: absolute; left:0; top: 50%; transform: translateY(-50%);}
.smlHouseReport .left .colText > span {}
/*추가*/
.smlHouseReport .left [class^='step'] dl dd .unitList li .inpRadio3 { margin: .7rem 0 1rem -1rem; }
.smlHouseReport .left [class^='step'] dl dd .unitList li .inpRadio2 { margin: .7rem 0 1rem -1rem; }
.smlHouseReport .left [class^='step'] dl dt.type2 { display: inline-block; width: 41%; vertical-align: middle; letter-spacing: -.15rem; margin-top: 1rem; margin-bottom: 0; }
.smlHouseReport .left [class^='step'] dl dd.type2 { display: inline-block; width: 59%; margin-left: -.4rem; vertical-align: middle; font-size: 1.3rem; margin-top: 1rem; margin-bottom: 0; }
.smlHouseReport .left [class^='step'] dl dd.type2 + dt.type2 { margin-top: 1.7rem; }
.smlHouseReport .left [class^='step'] dl dd.type2 .formText { width: 100%; }
.smlHouseReport .left [class^='step'] dl dd.type2 .formText + .formText { margin-left: 0.5rem; }
.smlHouseReport .left [class^='step'] dl dd.type2 .formText label { display: none; }
.smlHouseReport .left [class^='step'] dl dd.type2 .formText input { width: 100%; padding: 0 2.3rem 0 1rem; font-size: 1.3rem; height: 3rem; text-align: right; }
.smlHouseReport .left [class^='step'] .formText input.status1 {background-color:#ffebe5!important}
.smlHouseReport .left [class^='step'] .formText input.status2 {background-color:#ecf1f7!important}
.smlHouseReport .left [class^='step'] dl dd.type2 .formText .unit { right: 1rem; color: #999; font-size: 1.3rem; position: absolute; top: 50%; transform: translateY(-65%); }
.smlHouseReport .left [class^='step'] dl dd.type2.edit2 .formSelect label { display: none; }
.smlHouseReport .left [class^='step'] dl dd.type2.edit2 .formSelect select { width: 13rem; height: 3rem; padding: 0 1rem; }
*[data-flex='2'] {display:flex; flex-flow:wrap; gap:1rem }
*[data-flex='2'] > *:not(.not) {flex: 1 1 45%; }
*[data-flex='2'] > * + * {margin-top:inherit!important}
.smlHouseReport .left .rowCalc {display:flex; align-items:center; text-align:center; font-size:1.4rem; gap:.8rem}
.smlHouseReport .left .rowCalc input{width:8rem;}
.smlHouseReport .left .smTable {font-size:1.4rem}
.smlHouseReport .left .smTable {}
.smlHouseReport .left .smTable table th{font-weight:normal}
.smlHouseReport .left .smTable table td {border:0; text-align:center; padding:0 .1rem; vertical-align: middle;}
.smlHouseReport .left .smTable input {width:100%}
.smlHouseReport .left .smTable .dotTit {position:relative; display:inline-block; padding-left:1rem; font-weight:bold; text-align:center}
.smlHouseReport .left .smTable .dotTit:before { content: ''; width: .3rem; height: .3rem; background: #666; display: block; border-radius: 50%; position: absolute; left:0; top: 50%; transform: translateY(-50%);}
.effResult {height:20rem}
.effResultList >li {cursor:pointer}
.effResultList >li.active > .flexBox:not(p) {color:#834a33; font-weight:bold }
.effResultList >li.active > .flexBox> p >i:before{content:"\f312"; }
.effResultList >li>div.flexBox{display:flex; justify-content:space-between ; border-bottom:1px solid #ccc; padding:1rem 1.8rem 1rem 1.5rem; }
.effResultList >li>div.flexBox.active .fi-rr-caret-down:before{content:"\f312";}
.effResultList >li .listRt [class^="ty"]{ margin-right:1.5rem; font-weight:bold; color:#0057c0}
.effResultList >li .listRt [class^="ty2"]{color:red }
.effResultList .effResultView {display:none; background:#efefef}
.effResultList .effResultView> ul> li{display:flex; justify-content:space-between; border:1px solid #0057c0; border-radius:.5rem; background:#fff; margin:.5rem; padding:1rem 1.2rem }
span.effOk{display: inline-block; margin-right:1rem; color:#002c76; font-weight:500 }
span.effNo{display: inline-block; margin-right:1rem; color:red; font-weight:500 }
span.effYet{display: inline-block; margin-right:1rem; color:#237f0d;font-weight:500 }
.effResultList .effResultView> ul> li .viewRt i{vertical-align:-1px}
.effResultView .expBox {border:1px solid #0057c0; border-radius:.5rem; background:#fff; margin:.5rem; padding:1rem 1rem 1rem 2rem}
.effResultView .expBox li{display:flex; justify-content: space-between;}
.tooltipT{position: relative; display:inline-block; padding-right:.1rem; }
.tooltipT:hover{overflow:visible; }
.tooltipT:hover .tooltipCont{opacity:1}
.tooltipT .tooltipCont{background:#234b6a; box-shadow:0 5px 20px 5px rgba(0,0,0,0.1); color:#fff; padding:0.5rem 1rem 0.7rem; font-size:1.3rem; max-width:150rem; min-width:20rem; position:absolute; display:none; transition:all 0.3s ease; z-index: 1; font-weight:normal; z-index:10}
.tooltipT .tooltipCont:after{background:#234b6a; content:""; height:10px; width:10px; position: absolute; transform:rotate(45deg); }
.tooltipT.rightA .tooltipCont{left:calc(100% + 1.5em); top:50%; transform:translateY(-50%); line-height:1.3}
.tooltipT.rightA .tooltipCont:after {left:-5px; margin-top:-5px; top:50%}
.tooltipT.leftA .tooltipCont{right:calc(100% + 1.5em); top:50%; transform:translateY(-50%);}
.tooltipT.leftA .tooltipCont:after {right:-5px; margin-top:-5px; top:50%}
.tooltipT .tooltipCont2{background:#234b6a; box-shadow:0 5px 20px 5px rgba(0,0,0,0.1); color:#fff; padding:0.5rem 1rem 0.7rem; font-size:1.3rem; max-width:90rem; min-width:12rem; position:absolute; display:none; transition:all 0.3s ease; z-index: 1; font-weight:normal; z-index:10; margin-top:109px;}
.tooltipT .tooltipCont2:after{background:#234b6a; content:""; height:10px; width:10px; position: absolute; transform:rotate(45deg); }
.tooltipT.rightA .tooltipCont2{left:calc(100% + 1.5em); top:50%; transform:translateY(-50%); line-height:1.3}
.tooltipT.rightA .tooltipCont2:after {left:-5px; margin-top:-5px; top:50%}
.tooltipT.btmA .tooltipCont {bottom:calc(-100% - 1.8em); left:50%; transform:translateX(-50%);}
.tooltipT.btmA .tooltipCont:after {top:-5px; left:50%; margin-left:-5px}
.tooltipT.btmB .tooltipCont {bottom:calc(-100% - 4.8em); left:50%; transform:translateX(-50%);}
.tooltipT.btmB .tooltipCont:after {top:-5px; left:50%; margin-left:-5px}
.tooltipT.btmC .tooltipCont {bottom:calc(-100% - 7.8em); left:50%; transform:translateX(-50%);}
.tooltipT.btmC .tooltipCont:after {top:-5px; left:50%; margin-left:-5px}
.tooltipT.topA .tooltipCont {bottom:calc(100% + 1.5em); left:80%; transform:translateX(-50%);}
.tooltipT.topA .tooltipCont:after {bottom:-5px; left:50%; margin-left:-5px}
.tooltipT.leftTopA .tooltipCont {bottom:calc(100% + 1.5em); right:-10px;}
.tooltipT.leftTopA .tooltipCont:after {bottom:-5px; right:0; margin-right:12px}
.tooltipT.rightTopA .tooltipCont {bottom:calc(100% + 1.5em); left:-10px;}
.tooltipT.rightTopA .tooltipCont:after {bottom:-5px; left:0; margin-left:12px}
.tooltipT .tooltipCont .tit {font-size:inherit; font-weight:bold; color:#fff; margin:0.5rem 0}
.nowrap {white-space:nowrap}
.tooltipN .unitList.dash li:before {color: #fff;}
.tooltipN .unitList li.none:before {content:none}
/* .tooltipCont {display:none; position:absolute; left:2rem; top:-2rem; max-width:30rem; height:auto; background-color: #ffffSff; padding:1rem; border-radius:.5rem; box-shadow:2px 2px 3px rgba(0,0,0,0.2) }
.tooltipCont p {position:relative; white-space: nowrap;}
.tooltipCont p:before {position:absolute; content:""; display:inline-block; width:1rem; height:1rem; left:-3rem; top:.8rem; border:1rem solid transparent; }
.tooltipCont.right p:before {border-right-color:#fff} */
/* 토지대장 및 건축물대장 팝업 */
.smlHouseReport {display:flex; align-items:center; justify-content:center}
.popWrap {max-width: 180rem; width: auto; /* max-height: calc(100%);*/ margin: auto; background: #fff; padding: 2rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);/* overflow: auto;0306*/ border-radius: 1rem; border: 0.2rem solid #7c7872;z-index:10 }
.popWrap.fixed {position:fixed; transform:inherit; left:inherit; top:inherit; }
.popWrap.side {left: 50rem;}
.popWrap.side .unitTable table{table-layout:auto}
.popWrap .wrapper{position:relative; display: flex; flex-flow:column; height:100%}
.popWrap .wrapper .btn-close {position:absolute; right:0; top:0; background:#fff; z-index:2}
.popWrap .tabMenu { margin-bottom:2rem; border-bottom:1px solid #efefef; overflow:hidden}
.popWrap .tabMenu li {
float:left;
background:#fff;border:1px solid #efefef
}
.popWrap .tabMenu li.active,.tabMenu li:hover {
background:var(--color-reb3);color:#fff; border:1px solid #efefef
}
.popWrap .tabMenu li a {
display:block;
text-align:center;
vertical-align:middle;
font-size:17px;
font-weight:bold;
color:#222;
padding:10px 20px 10px 20px;
}
.popWrap .tabMenu li a.active,.popWrap .tabMenu li.active a,.popWrap .tabMenu li a:hover{
color:#fff
}
.popWrap .bottomBtn {display:block; text-align:center; margin-top:0rem }
.popWrap .bottomBtn button {flex:1 1 auto}
.popWrap .bottomBtn .btnTxt.typeArrow + [class*c='typeArrow'] {margin-top:0; margin-left:1rem}
.popWrap .popBody {padding:0 1rem; height:calc(100% - 8rem); overflow-y:auto }
.popWrap .wrapper {display:flex; flex-flow:column; }
.popWrap .wrapper > .popTop {flex:1 1 0; overflow-y:auto; padding:1rem; }
.popWrap .wrapper > .popBtm {flex:none; height:3rem; margin-top:1rem}
.popWrap h3{position: relative; padding-left:2rem; margin-bottom:1rem; background:#fff}
.popWrap h3:before{position: absolute; content:""; font-family: uicons-regular-rounded !important; left:0; top:50%; transform:translateY(-50%); content:"\f16c";}
.popWrap h4.bgGray {position:relative; font-size:1.4rem; background-color: #fff; border:1px solid var(--color-reb1); line-height: 1.2; margin-bottom:.5rem; padding:0.5rem }
.tIndexItem {display: flex;}
.tIndexItem li {position: relative; padding-left:2.5rem; font-size:1.3rem }
.tIndexItem li + li {margin-left:1rem}
.tIndexItem li:before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.8rem; height:1.8rem; background-color:#f8e6dc; border:1px solid #ddd}
.tIndexItem li.ty2:before {background-color:#f1fdf8}
.tIndexItem li.ty3:before {background-color:#f7f8dc}
.tIndexItem li.ty4:before {background-color:#f4faff}
table .formText.tbType + .unit{display:inline-block; line-height:3rem; font-size:1.2rem}
table .formText.tbType input {width:100%; max-width:8rem; height:3rem; border-width:0 0 1px 0; border-radius:0; padding:.2rem .2rem .2rem .2rem; font-size:1.1rem;font-weight:bold }
table .formText.tbType input:read-only {background:none; color:#4d4d4d; }
table .formText.tbType .unit {position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:1.4rem; }
/*사업성분석 시세조사*/
.unitTable.sm table td, .unitTable.sm table th {font-size:1.3rem; padding:.3rem}
.unitTable.sm table td .formCheckbox {width:2rem; top:.2rem}
.unitTable.sm table td .formText input {text-align:right; padding:0!important}
.unitTable.sm table td .rowBox{display:inline-flex; white-space:nowrap}
.unitTable.sm table td.slant {background-image:linear-gradient(to bottom right, transparent calc(50% - 1px), #ccc, transparent calc(50% + 1px)); background-size:120% 120%; background-position:center}
/*0306 추가함*/
.unitTable.sm input[type=number]::-ms-input-placeholder { color: #aaa; font-size: 1.2rem; }
.unitTable.sm input[type=number]::-webkit-input-placeholder { color: #aaa; font-size: 1.2rem; }
.unitTable.sm input[type=number]::placeholder { color: #aaa; font-size: 1.2rem; }
.unitTable.sm td.tdDim {position:relative; pointer-events:none; opacity:0.8}
.unitTable.sm td.tdDim:before {content:""; position:absolute; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.15);z-index:2;}
.alertTopWrap {position:relative; text-align:center; }
.alertTopWrap i{position:relative; margin:3rem 0 2rem}
.alertTopWrap i:before{content:""; position:absolute; left:50%; top:50%; transform:translate(-60%, -80%); width:3rem; height:3rem; border-radius:50%; background-color:rgba(61,101,168,0.3)}
.alertTopWrap p{word-break:break-word; font-size:1.6rem; font-weight:500; line-height:1.5}
.addTit {margin-bottom:5rem; font-size:2.5rem; font-weight:bold}
.addBtnbox {display:flex}
.addBtnbox li+li {margin-left:2rem}
.addBtnbox li a{position:relative; display: flex; flex-flow:column; justify-content:center; align-items:center; width: 32rem; height: 22rem; line-height:1.3; font-size:2rem; color:#fff; background:linear-gradient(#0057a6,#2176ba); border-radius:.5rem 10rem; padding-top:3rem; box-shadow:3px 3px 5px rgba(0,0,0,0.2)}
.addBtnbox li a p{position:relative; padding-bottom:1rem}
.addBtnbox li a p:before{content:""; position:absolute; height:.5rem; width:calc(100% + 1rem ); left:-.5rem; bottom:0rem; background:rgba(255,255,255,0.5); border-radius:1rem }
.addBtnbox li a:after {position:absolute; left:50%; top:3rem; font-family: uicons-regular-rounded !important; transform:translateX(-50%); font-size:3.5rem; content:"\f2c0"; color:#fff; font-weight:normal}
.addBtnbox li:nth-child(2) a:after {content:"\f2bf"}
.addBtnbox li:nth-child(2) a{background:linear-gradient(#0a7a8d,#008473); border-radius:10rem .5rem}
.addBtnbox li a span{display:inline-block; margin-top:1rem; font-size:1.5rem;}
label.keyWord-wrap {border: 3px solid #3d65a8; border-radius:5rem; background:#fff; width:65rem; height:7rem; padding-left:5rem; margin-bottom:1rem}
label.keyWord-wrap input {width:calc(100% - 9rem);border:none; height:100%; padding-right:3rem!important; font-size:1.8rem ; background:#fff}
label.keyWord-wrap input ~ button {top:50%; transform:translateY(-50%);}
label.keyWord-wrap input::palceholder {font-size:1.8rem}
label.keyWord-wrap input ~ button.btn-search {right:1.5rem!important}
label.keyWord-wrap input ~ button.btn-clear {right:4.5rem!important}
.addSearTit {position:relative; display:inline-block; text-align:center; font-size:4rem; font-weight:bold; color:#3e629d; margin-bottom:5rem}
.addSearTit:before {position:absolute; left:50%; top:-1rem; transform:translateX(-50%); width:3rem; height:3px; background:#000; content:""; }
#address1 .addSearTit:after {content:none}
.addSearTit:after {content:""; width:10rem; height:10rem; border-radius:50%; position:absolute; left:-4rem; top:-4rem; background:rgba(84,118,172,0.2) }
/* table */
.sty-table-wrap {max-height:20rem; overflow-y:auto; }
.sty-table-wrap .sty-table th{position:sticky; top:0px; z-index:10 }
.sty-table-wrap.unitTable table {min-width:inherit}
/*빈집현황조회 테이블 */
.sty-table-wrap2 {overflow-y:auto; height:670px;}
.sty-table-wrap2.unitTable table {width:auto; border-collapse: separate; border-spacing: 0;}
.sty-table-wrap2 .sty-table thead th{position:sticky; top:0px; }
.sty-table-wrap2 .sty-table thead tr:nth-child(2) th{position:sticky; top:3.5rem; border-top: 1px solid #ddd;}
.sty-table-wrap2 .sty-table thead tr:nth-child(3) th{position:sticky; top:7.1rem; border-top: 1px solid #ddd;}
.sty-table-wrap2 .sty-table tbody tr td:not(:last-child) { border-right:none; border-bottom: 1px solid #ddd;}
.sty-table-wrap2 .sty-table tbody tr td + td {border-bottom: 1px solid #ddd;}
.unitTable.auto table {min-width:inherit}
.unitTable .bgTy01{background-color:#fff4ee}
.unitTable .bgTy02{background-color:#f1fdf8}
.unitTable .bgTy03{background-color:#f7f8dc}
.unitTable .bgTy04{background-color:#f4faff}
.unitTable .bgSum{background-color:#efefef; font-weight:500 }
.popWrap .popTitle {position:relative; margin-bottom:1.5rem; padding-left:1.5rem; font-size:1.6rem; text-align:left}
.popWrap .popTitle:before {position:absolute; left:0rem; top:50%; font-family: uicons-regular-rounded !important; transform:translateY(-50%); width:1.6rem; height:1.6rem; content:"\f30d"; font-weight: bold; color:var(--color-primary4)}
.tBtmBox {border:1px solid #efefef; padding:1rem; font-size:1.4rem; }
.tBtmBox.ty2 {background:#efefef; text-align:center; margin-top:1rem}
.tBtmBox .rowCalc {display:inline-flex; align-items:center; justify-content: center; text-align:center; font-size:1.4rem; gap:1.5rem}
.tBtmBox .rowCalc .flexAuto{flex:1 1 auto}
.tBtmBox .rowCalc .flexAuto em{display: inline-block; margin:0 .5rem; font-size:2rem; font-weight: bold;}
.tBtmBox .rowCalc .topLine{padding-bottom: .8rem; margin-bottom: .8rem; ;border-bottom: 1px solid #ccc; font-size:1.5rem; color:var(--color-reb3); font-weight:500 }
.tBtmBox .rowCalc .topLine span,.tBtmBox .rowCalc .btmLine span{font-size: 1.2rem; color:#000; padding:0 .5rem}
.tBtmBox .rowCalc .btmLine {font-size:1.5rem; color:var(--color-reb3); font-weight:500}
.tBtmBox .rowCalc .boxTit{background-color:var(--color-reb1); color:#fff; padding:1.5rem 2rem}
.tBtmBox .rowCalc .boxTit:last-child{background-color:var(--color-reb3);}
.topBtnBoth {display: flex; align-items:center; margin-bottom:2rem}
.topBtnBoth .right{margin-left:auto;}
.topBtnBoth .center{margin:auto;}
.topBtnBoth .pageTitSub{margin-bottom:0}
.map_layer_wrap {position:absolute; right:11rem; top:3rem; z-index:2}
.map_layer {position:absolute; top:3rem; right:0rem; width:25rem; min-height:18rem; height:auto; background: #fff; border:1px solid #efefef; border-radius:1rem; display:none }
.map_layer p.tit{width:100%; height:3rem; background-color: #2d5598; color:#fff; border-radius:1rem 1rem 0 0 ; font-size:1.5rem }
.map_layer p.sTit{width:100%; height:2.5rem; background-color: #ccc; color:#000; font-size:1.5rem; padding-left:1rem; line-height:2.5rem; margin:.5rem }
.map_layer .flexBox {display:flex; justify-content: space-between; flex-wrap:wrap ; padding:1rem;}
.map_layer .flexBox > .formCheckbox {flex:1 1 80% ; margin:.5rem}
.map_layer .flexBox > .formCheckbox i{display:inline-block; width:1.5rem; height:1.5rem; background:blue; margin-right:.5rem; vertical-align: middle;}
.map_btn.active i:before{content:"\f312"}
.unitBetween .right .unitTable tr td.slant{background-image:linear-gradient(to bottom right, transparent calc(50% - 1px), #ccc, transparent calc(50% + 1px)); background-size:120% 120%; background-position:center}
[class^="map_type01"] {position: absolute; right:3rem; bottom:2rem; width:40rem; min-height: 10rem; background: #fff; border:1px solid #efefef; border-radius:1rem; z-index: 2;}
[class^="map_type01"] p.tit{width:100%; height:3rem; background-color: #2d5598; color:#fff; border-radius:1rem 1rem 0 0 ; font-size:1.5rem ;}
[class^="map_type01"] .flexBox {display: flex; padding:1.5rem; flex-flow:row wrap}
[class^="map_type01"] .flexBox .item{/*width:calc(25% - 0.5rem)*/ min-width:8rem; margin-right:1rem}
[class^="map_type01"] .flexBox .item i{display:inline-block; width:1.5rem; height:1.5rem; background:blue; margin-right:.5rem; vertical-align: middle;}
.pt-0{padding-top:0rem!important}
.mb-1{margin-bottom:1rem!important}
.mb-2{margin-bottom:2rem!important}
.mb-3{margin-bottom:3rem!important}
.mb-4{margin-bottom:4rem!important}
.mb-5{margin-bottom:5rem!important}
.mt-0 {margin-top:0!important}
.mt-1{margin-top:1rem!important}
.mt-2{margin-top:2rem!important}
.mt-3{margin-top:3rem!important}
.mt-4{margin-top:4rem!important}
.mt-5{margin-top:5rem!important}
.mr-1{margin-right:1rem!important}
.ml-0 {margin-left:0!important}
.ml-1{margin-left:1rem!important}
.t-left{text-align: left!important;}
.t-right{text-align: right!important;}
.t-center{text-align: center!important;}
.tc-blue {color:var(--color-blue1)!important; }
.tc-blue2 {color:var(--color-blue2)!important; }
.tc-blue3 {color:var(--color-blue3)!important; }
.tc-red1 {color:#ff0000!important }
.ft-sm{font-size:12px!important}
.ft-desc {font-size:13px!important; color:var(--color-gray3)}
.fw-n{font-weight:normal!important}
.fw-b{font-weight:bold!important}
.btnTxt.brown { background: var(--color-primary1); color: #fff; border: 1px solid var(--color-primary1); }
.btnTxt.rebBlue { background: var(--color-reb3); color: #fff; border: 1px solid var(--color-reb3); }
.btnTxt.rebGr { background: var(--color-reb2); color: #fff; border: 1px solid var(--color-reb2); }
.btnTxt.blue2 { background: var(--color-reb1); color: #fff; border: 1px solid var(--color-reb1); }
.mob-only{display:none}
.m-tablet-only {display:none}
.pc-only {}
.topBtnBoth {display: flex; align-items:center; margin-bottom:1rem}
.topBtnBoth .right{margin-left:auto;}
.topBtnBoth .center{margin:auto;}
.topBtnBoth .pageTitSub{margin-bottom:0}
/* flex Options*/
.rowBox {display:flex!important; flex-direction: row}
.inline-rowBox {display:inline-flex!important; flex-direction: row}
.colBox {display:flex!important; flex-direction: column;}
.inline-colBox {display:inline-flex!important; flex-direction: column;}
.jccAic{display:flex; justify-content: center; align-items: center;} /*가로세로 가운데정렬*/
.jcsAic{display:flex;justify-content: flex-start; align-items: center;} /*가로좌측 세로가운데정렬*/
.jceAic {display:flex;justify-content: flex-end; align-items: center;} /*가로 우측 세로 가운데*/
.jcsbAic {display:flex;justify-content: space-between;align-items:center} /*양옆정렬 세로 가운데*/
.flex1{flex:1 1 0}
.flexNo {flex:none}
.flexAuto {flex:1 1 auto}
.ml-auto{margin-left:auto}
/* ::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background-color:#fff; border-radius:10px; box-shadow:inset 0 0 0 5px #efefef }
::-webkit-scrollbar-thumb {background-color:#afafaf; border-radius:10px} */
/*sub*/
.subBar.color1:before {background-color: #36518b;}
.subBar.color1:after {background-color: rgba(255, 255, 255, 0.4);}
.subBar { position: relative; height: 11rem; padding: 8rem 0 0; background-color: #36518b;}
.subBar .layout { height: 100%; position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.subBar .sub-title-util {display: flex; align-items: center; justify-content: center;}
.subBar .sub-title-location { display: flex; }
.subBar .sub-title-location .loc_home{display:inline-block; width:1.6rem; height: 1.4rem; background:url('../img/new/ico_loc_home.png')no-repeat 50% 50% / cover; filter:invert(100%);}
.subBar .sub-title-location > * { position: relative; padding: 0 1.5rem; font-size: 1.6rem; color: #ffffff;}
.subBar .sub-title-location > *::after { display: block; content: ''; width: 3px; height: 3px; background: #ffffff; border-radius: 50%; opacity: 0.3; position: absolute; top: 50%; transform: translate(-50%,-50%);}
.subBar .sub-title-location > *:last-child::after { display: none;}
.subBar .sub-title-location > a { color: #ffffff;}
.subBar .sub-title-location > span { color: #ffffff; letter-spacing: 0;}
.subVisual { position: relative; overflow: hidden; height: 35rem; padding: 8rem 0 0; padding-bottom:7.5rem; background-repeat:no-repeat; background-position:40% center;}
.subVisual .layout { height: 100%; position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.subVisual.sub01 {
background-image: url(../img/new/sub01_visual_n.jpg) ;
}
.subVisual.sub02 {
background-image: url(../img/new/sub02_visual_n.jpg);
}
.subVisual:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0);z-index:-1 ;
}
.subVisual.sub03 {
background-image: url(../img/new/sub03_visual_n.jpg);
}
.subVisual.sub04 {
background-image: url(../img/new/sub04_visual_n.jpg);
}
.subVisual.sub05 {
background-image: url(../img/new/sub05_visual_n.jpg);
}
.subVisual.sub06 {
background-image: url(../img/new/sub06_visual_n.jpg);
}
.subVisualTitle { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; z-index:1}
.subVisualTitle h2 { color: #fff; font-size: 4rem; font-weight: 700; text-align: center; margin-top: 5rem;}
.subVisualTitle h3 { display: inline; color: #fff; font-size: 3rem; font-weight: 500; text-align: center; margin-top: 6rem; margin-left: 1rem;}
.tab1 { position: absolute; bottom: 0; width: 100%; transition: 0.25s; left: 0; right: 0; margin: 0 auto;}
.tab1::before { display: block; content: ''; width: 100vw; height: 100%; background: #36518b; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index:1}
/*원래 브라운 색상.tab1::before {background: var(--color-primary1);}*/
.tab1.color2:before {background: #36518b;}
.tab1.color3:before {background: #1d4a71;}
.tab1.color4:before {background: #17376f;}
.tab1.color5:before {background:#67594a;}
.tab1 > ul { position: relative; z-index: 1; display: flex; align-items: center; overflow: auto;}
.tab1 > ul > li { position: relative;}
.tab1 > ul > li:first-of-type { margin-left: auto;}
.tab1 > ul > li:last-of-type { margin-right: auto;}
.tab1 > ul > li::after { display: block; content: ''; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.4); border-radius: 1px; position: absolute; top: 50%; transform: translateY(-50%); right: -2px;}
.tab1 > ul > li:last-of-type::after { display: none;}
.tab1 > ul > li > a { display: flex; height: 6.4rem; align-items: center; white-space: nowrap; padding: 0 4rem; color: #fff; font-size: 2rem; font-weight: 400;}
.tab1 > ul > li.active > a { background: #fff; color: var(--color-blue1); font-weight: 700;}
.tab1 > ul > li.active::after { display: none;}
.tab1 > ul > li.activePrev::after { display: none;}
.content .sub-title-util {display: flex; align-items: center;}
.content .sub-title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 3.6rem;}
.content .sub-title h3 { color: #121212; font-size: 3.5rem; font-weight: 700; text-align: center; line-height: 1.25;}
.content .sub-title-location { display: flex; margin: 0 -1.5rem;}
.content .sub-title-location .loc_home{display:inline-block; width:1.6rem; height: 1.4rem; background:url('../img/new/ico_loc_home.png')no-repeat 50% 50% / cover; }
.content .sub-title-location > * { position: relative; padding: 0 1.5rem; font-size: 1.6rem; color: #3b3b3b;}
.content .sub-title-location > *::after { display: block; content: ''; width: 3px; height: 3px; background: #3b3b3b; border-radius: 50%; opacity: 0.3; position: absolute; right: -1.5px; top: 50%; transform: translateY(-50%);}
.content .sub-title-location > *:last-child::after { display: none;}
.content .sub-title-location > a { color: #9899b1;}
.subVisual .sub-title-util {display: flex; align-items: center; margin-bottom: -50; margin-left: auto;}
.subVisual .sub-title-location { display: flex; margin-left: auto;}
.subVisual .sub-title-location .loc_home{display:inline-block; width:1.6rem; height: 1.4rem; background:url('../img/new/ico_loc_home.png')no-repeat 50% 50% / cover; filter:invert(100%);}
.subVisual .sub-title-location > * { position: relative; padding: 0 1.5rem; font-size: 1.6rem; color: #ffffff;}
.subVisual .sub-title-location > *::after { display: block; content: ''; width: 3px; height: 3px; background: #ffffff; border-radius: 50%; opacity: 0.3; position: absolute; right: -1.5px; top: 50%; transform: translateY(-50%);}
.subVisual .sub-title-location > *:last-child::after { display: none;}
.subVisual .sub-title-location > a { color: #ffffff;}
.subVisual .sub-title-location > span { color: #ffffff; font-weight: bold;}
/* 빈집 지도 */
[data-page-id='binzib_2_1_3_1'] .subVisual .sub-title-util {display: flex; align-items: center; margin-bottom: -75; margin-left: auto;}
[data-page-id='binzib_2_1_3_1'] .content {margin-top: -5rem;}
[class^="fm-section"] .sec-content h3.m-tit{ position: relative; font-size:3.5rem; padding-left: 7rem; color:#3a3733; margin-bottom: -1.5rem;}
[class^="fm-section"] .sec-content h3.m-tit:before{ content:"";position: absolute; left: 0; top:50%; transform: translateY(-50%) ; width:6.4rem; height: 6rem; background: url(../img/new/ico_m_tit01.png) no-repeat 50%/ cover ; }
.fm-section6-2 .sec-content h3.m-tit:before{background: url(../img/new/ico_m_tit02.png) no-repeat 50%/ cover ;}
.fm-section6-3 .sec-content h3.m-tit:before{background: url(../img/new/ico_m_tit02.png) no-repeat 50%/ cover ;}
.fm-section7 .sec-content h3.m-tit{font-size:3rem; padding-left:6rem}
.fm-section7 .sec-content h3.m-tit:before{background: url(../img/new/ico_m_tit03.png) no-repeat 50%/ cover ; width:4.8rem; height:4.5rem}
.fm-section7 .sotong-wrap h3.m-tit{max-width:46rem; margin:0 auto 3rem}
.fm-section7 .sotong-wrap h3.m-tit:before{background: url(../img/new/ico_m_tit04.png) no-repeat 50%/ cover ;}
.fm-section5-2 .sec-content .sec-wrap {display: flex; gap:2rem; width: 100%;}
.fm-section5-2 .sec-content .sec-wrap .box{background-color: #fff; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); border-radius: 1rem; flex:1; padding: 1.5rem; }
.fm-section5-2 .sec-content .sec-wrap .colBox {flex:1 1 0; flex-flow:column; gap:2rem; width:40rem}
.fm-section5-2 .sec-content .sec-wrap .colBox.last {width:40rem}
.fm-section5-2 .sec-content .sec-wrap .box {display: flex; flex-flow: column;}
.fm-section5-2 .sec-content .sec-wrap .box.nth1 {width:52rem; flex:none}
.fm-section5-2 .sec-content .sec-wrap .box.nth1 p.txt{font-size:1.5rem; }
.fm-section5-2 .sec-content .sec-wrap .box.nth1 p.sTit{display: inline-block; position: relative; font-size:2rem; color: #524035; padding:.5rem 1rem ; align-self:flex-start}
.fm-section5-2 .sec-content .sec-wrap .box.nth1 p.sTit::before{content:"";position: absolute; left: 0; bottom:0; right: 0; width: 100%; height: .5rem; border-radius:.5rem; background-color: #d3d6de;}
.fm-section5-2 .sec-content .sec-wrap .box.nth1 .ico-map {display:inline-block; margin-left:auto}
.fm-section5-2 .sec-content .sec-wrap .box.nth1 .map-box{ flex:1 1 0}
.fm-section5-2 .sec-content .sec-wrap .ico-map {display: inline-block; width:3.8rem ; height: 3.8rem; margin-right:2rem; background:#886846 ; border-radius:50%; text-align:center; }
.fm-section5-2 .sec-content .sec-wrap .ico-map i{display:inline-block; color:#fff; margin-top:1rem}
.fm-section5-2 .sec-content .sec-wrap .box .SBtit {display: flex; padding:1rem 1.5rem; background:#f1f2f4; margin:-1.5rem -1.5rem 0; font-size: 1.6rem; font-weight: bold; align-items: flex-end; border-radius:1rem 1rem 0 0 }
.fm-section5-2 .sec-content .sec-wrap .box .SBtit span{font-size: 1.3rem; margin-left: auto; letter-spacing: -0.1rem;}
.fm-section5-2 .sec-content .sec-wrap .box .SBtit span.pc-only{display:inline-block}
.fm-section5-2 .sec-content .sec-wrap .box .SBtit span em{color:var(--color-blue2)}
.fm-section5-2 .sec-content .sec-wrap .box .SBtit .formSelect select {}
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box {position: relative; display: flex; align-items: center; justify-content: center; gap: 2rem; flex-flow: row wrap; padding:3rem 4rem; }
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box [class^="ju-type"] {border-radius: 2rem; flex:1 1 45%; font-size: 1.8rem; display: flex; flex-flow: column ; height:10rem ; padding:2rem; align-items: flex-start; justify-content:center; color:#fff; font-weight: bold;}
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box [class^="ju-type"] p:last-child{font-size:2.4rem; margin-top:1rem}
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box .ju-type1 {background:#1d5b8b url('../img/new/ico_ju_type01.png')no-repeat right center; }
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box .ju-type2 {background:#4e9b22 url('../img/new/ico_ju_type02.png')no-repeat left center; align-items: flex-end; }
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box .ju-type3 {background:#d86626 url('../img/new/ico_ju_type03.png')no-repeat right center; }
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box .ju-type4 {background:#585951 url('../img/new/ico_ju_type04.png')no-repeat left center; align-items: flex-end; }
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box .ju-type5 {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:11.6rem; height:11.6rem; border-radius: 50%; align-items: center; background-color:#886846; border:5px solid #fff}
.fm-section5-2 .sec-content .sec-wrap .box.nth4 .chart-box, [class^="fm-section"] .sec-content .sec-wrap .box.nth2 .chart-box {flex: 1 1 31rem}
.fm-section5-2 .sec-content .sec-wrap .box.nth3 .chart-box, [class^="fm-section"] .sec-content .sec-wrap .box.nth5 .chart-box {flex: 1 1 19rem}
.fm-section5-2 .sec-content .sec-wrap .box.nth5 .chart-box {display: flex; flex-flow: row wrap; gap: 1rem; margin-top: 1.5rem;}
.fm-section5-2 .sec-content .sec-wrap .box.nth5 .chart-box > div.item{display: flex; justify-content: space-between; align-items: center; font-size: 1.5rem; flex:1 1 45%}
.fm-section5-2 .sec-content .sec-wrap .box.nth5 .chart-box > div.item p.txt{ width:8rem; height: 3rem;font-weight: bold; line-height: 3rem; border-radius: 3rem; text-align: right; background-color: #e5f0f8; padding:0 1rem}
.fm-section5-2 .sec-content .sec-wrap .box.nth5 .chart-box > div.item{display: flex; justify-content: space-between; align-items: center;}
/* 우수사례 */
.fm-section6-2 .swiper-wrapper {z-index: -2;}
.fm-section6-2 .sec-wrap {display:flex; width:106%; align-items:center;}
.fm-section6-2 .movie-box {box-shadow:0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1); cursor:pointer;}
.fm-section6-2 .movie-box .movie-wrap{max-width: 100%; }
.fm-section6-2 .movie-box .movie-wrap video{max-width: 100%; }
.fm-section6-2 .movie-box .movie-wrap img{max-width: 100%; max-height:60rem; width:100%; height:75%; border: solid #efefef; border-width: 30px 30px 0;}
.fm-section6-2 .movie-box .movie-txt{display:flex; flex-flow:column; justify-content: center; background-color: #efefef; padding:4rem; height:25%;}
.fm-section6-2 .movie-box .movie-txt .tit{font-size:2.3rem; font-weight: 500; margin-top: 0; }
.fm-section6-2 .movie-box .movie-txt .txt{font-size:2rem; margin-top:1rem }
.movie-box .movie-txt .hashwrap {width:100%;}
.movie-box .movie-txt .hash:before { content: '#'; margin-right: 2px;}
.movie-box .movie-txt .hash + .hash { margin-left: 8px; }
.movie-box .movie-txt .hash { font-size:2rem; color: #4f94e8; margin-top: 1.5rem; float:left; font-weight:bold; }
.fm-section6-2 .swiper-slide {margin-bottom:1rem; height: auto;}
/* .fm-section6-2 .swiper-slide.swiper-slide-active {transform:scale(1.0)!important} */
.fm-section6-2 .swiper-slide {transform:scale(0.8)!important}
.fm-section6-2 .swiper-controler {height:3rem; text-align: center; margin-top:2rem;}
.fm-section6-2 .swiper-controler .swiper-pagination-bullet-active{background-color: var(--color-primary1)!important; width:2rem!important; height:2rem!important}
.fm-section6-2 .swiper-pagination-bullet {background-color: gray!important; margin:0 0.5rem; width:2rem!important; height:2rem!important}
.fm-section6-2 .swiper-pagination {position:unset;display:inline-block; left:50%; /*transform: translateX(-50%);*/}
.fm-section6-2 i.fi{z-index:6; color:#222; cursor:pointer;font-family:uicons-regular-rounded !important; font-size:2rem; }
.fm-section6-2 i.fi.btn-stop:before{content:"\f867"}
.fm-section6-2 i.fi.btn-play:before{content:"\f8cd"}
.fm-section6-2 .swiper-container .swiper-navigation .swiper-button-next{ right: -.8rem; background-image:url(../img/new/arrow_mov_next.png);width:5.4rem; height:8.6rem; background-size:3.4rem 4.6rem }
.fm-section6-2 .swiper-container .swiper-navigation .swiper-button-prev{ left: -.5rem; background-image:url(../img/new/arrow_mov_prev.png);width:5.4rem; height:8.6rem; background-size:3.4rem 4.6rem}
.fm-section6-2 .swiper-slide .movie-box {max-width:60rem; max-height: 58rem; margin:0 auto; width:100%;}
/* 홍보영상 */
.fm-section6-3 .sec-wrap {display:flex; width:100%; align-items:center}
.fm-section6-3 .movie-box {box-shadow:0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);}
.fm-section6-3 .movie-box .movie-wrap{max-width: 100%; }
.fm-section6-3 .movie-box .movie-wrap video{max-width: 100%; }
.fm-section6-3 .movie-box .movie-wrap img{max-width: 100%; width:100%}
.fm-section6-3 .movie-box .movie-txt{display:flex; flex-flow:column; justify-content: center; background-color: #efefef; padding:5rem; }
.fm-section6-3 .movie-box .movie-txt .tit{font-size:2rem; font-weight: 500; }
.fm-section6-3 .movie-box .movie-txt .txt{font-size:1.8rem; margin-top:1.5rem }
.fm-section6-3 .swiper-slide {margin-bottom:1rem}
.fm-section6-3 .swiper-slide.swiper-slide-active {transform:scale(1.0)!important}
.fm-section6-3 .swiper-slide {transform:scale(0.8)!important}
.fm-section6-3 .swiper-controler {height:3rem; text-align: center; margin-top:4rem}
.fm-section6-3 .swiper-controler .swiper-pagination-bullet-active{background-color: var(--color-primary1)!important; width:2rem!important; height:2rem!important}
.fm-section6-3 .swiper-pagination-bullet {background-color: gray!important; margin:0 0.5rem; width:2rem!important; height:2rem!important}
.fm-section6-3 .swiper-pagination {position:unset;display:inline-block; left:50%; /*transform: translateX(-50%);*/}
.fm-section6-3 i.fi{z-index:6; color:#222; cursor:pointer;font-family:uicons-regular-rounded !important; font-size:2rem; }
.fm-section6-3 i.fi.btn-stop:before{content:"\f867"}
.fm-section6-3 i.fi.btn-play:before{content:"\f8cd"}
.fm-section6-3 .swiper-container .swiper-navigation .swiper-button-next{ right: -.8rem; background-image:url(../img/new/arrow_mov_next.png);width:5.4rem; height:8.6rem; background-size:5.4rem 8.6rem }
.fm-section6-3 .swiper-container .swiper-navigation .swiper-button-prev{ left: -.5rem; background-image:url(../img/new/arrow_mov_prev.png);width:5.4rem; height:8.6rem; background-size:5.4rem 8.6rem}
.fm-section6-3 .swiper-slide .movie-box {max-width:60rem; margin:0 auto; /*width:45rem*/}
/*공지사항*/
.b_tit{position: relative}
.b_tit .tit{font-weight: bold;font-size: 38px;color: #333}
.b_tit .more{position: absolute;top: 21px;right: 0;padding-right: 36px;background-image: url(../img/new/tit_more.png);background-repeat: no-repeat;background-position: right top 3px;font-size: 16px;color: #777}
.fm-section7 .sec-content > div {flex:1; }
.notice-wrap .notice_list{margin-top: 2.9rem}
.notice-wrap .notice_list li{position: relative;border-bottom: 1px solid #e1e1e1}
.notice-wrap .notice_list li:after{position: absolute;bottom: 0px;left: 0;width: 0;height: 1px;background: var(--color-blue1);content: '';transition: all 0.4s}
.notice-wrap .notice_list li:hover:after{width: 100%;transition: all 0.4s}
.notice-wrap .notice_list li a{display: block}
.notice-wrap .notice_list li .tit{padding: 1.3rem 0.9rem 0 0;font-weight: 300;font-size: 1.8rem; padding-right:7rem; line-height: 4.6rem;color: #444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;transition: all 0.4s}
.notice-wrap .notice_list li .date{position: absolute;bottom: 0;right: 0;font-family: 'Montserrat';font-size: 1.5rem;line-height: 4.6rem;color: #888;transition: all 0.3s}
.notice-wrap .notice_list li:hover .tit{color: var(--color-blue1);transition: all 0.4s; }
.notice-wrap .notice_list li:hover .date{color: var(--color-blue1);transition: all 0.4s}
.notice-wrap .board-icon{ display: flex; gap:2rem; margin-top:4rem}
.notice-wrap .board-icon li{display: inline-block;position: relative;overflow: hidden; border-radius: 1rem; flex:1; background-repeat: no-repeat;background-position: center center; background-size: cover; transition: all 0.4s}
.notice-wrap .board-icon li:after{position: absolute;bottom: 0;left: 0;opacity: 0;width: 100%;height: 0%;background: rgba(0,0,0,0.4);/* transform: scale(0); */content: '';transition: all 0.3s}
.notice-wrap .board-icon li:hover:after{opacity: 1; height:100%; /* transform: scale(1); */transition: all 0.4s}
.notice-wrap .board-icon li:hover .ico{background-color: var(--color-blue1);transform: rotateY(180deg);transition: all 0.6s}/*border-color: #3a2eee;*/
.notice-wrap .board-icon li:nth-of-type(1){background-image: url(../img/new/main_board_img01.jpg)}
.notice-wrap .board-icon li:nth-of-type(2){background-image: url(../img/new/main_board_img02.jpg)}
.notice-wrap .board-icon li:nth-of-type(1) .ico:before{ content:"\f229"}
.notice-wrap .board-icon li:nth-of-type(2) .ico:before{ content:"\f230"}
.notice-wrap .board-icon li a{display: block;position: relative;z-index: 2;padding: 4rem 0}
.notice-wrap .board-icon li .ico{position:relative; width: 9.8rem;height: 9.8rem;margin: 0 auto;border: 2px solid rgba(255,255,255,0.5);border-radius: 50%; font-family:uicons-regular-rounded !important; font-size:5rem; color:#fff; transition: all 0.6s}
.notice-wrap .board-icon li .ico:before {position:absolute; content:""; left:50%; top:50%; transform:translate(-50%, -50%); font-family:uicons-regular-rounded !important; font-size:5rem; color:#fff; transition: all 0.6s}
.notice-wrap .board-icon li .tit{margin-top: 1.6rem;font-size: 2.2rem;color: #fffefe;text-align: center}
.sotong-wrap {}
.sotong-wrap .sns-box { width:calc(100% - 14rem); height:auto; border:1px solid #efefef; margin:0 auto; padding:2.5rem; }
.sotong-wrap .sns-box .sns-wrap{max-width: 100%; margin:0 auto }
.sotong-wrap .sns-box .sns-wrap img{max-width: 100%; width:100%}
.sotong-wrap .sns-box .sns-txt .tit{display:flex; font-size:2rem; font-weight: 500; margin-top:2rem; line-height:1.2 }
.sotong-wrap .sns-box .sns-txt .tit .ico-sns{position:relative; display:inline-block; width:5rem; height:4.8rem; border:1px solid #28ac37; vertical-align: middle; margin-right:2rem ; flex:none}
.sotong-wrap .sns-box .sns-txt .tit .ico-sns:before{content:""; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:3.2rem; height: 2.8rem; background: url(../img/new/ico_sns_blog.png)no-repeat center/ cover;}
.sotong-wrap .sns-box .sns-txt .txt{font-size:1.8rem; margin-top:1.5rem }
.sotong-wrap .swiper-container {width:100%; max-width:60rem}
.sotong-wrap .swiper-container .swiper-slide{max-width:60rem}
.sotong-wrap .swiper-container .swiper-navigation .swiper-button-next{ right: 0rem; background-image:url(../img/new/arrow_sns_next.png);width:6rem; height:6rem; background-size:6rem 6rem }
.sotong-wrap .swiper-container .swiper-navigation .swiper-button-prev{ left: 0rem; background-image:url(../img/new/arrow_sns_prev.png);width:6rem; height:6rem; background-size:6rem 6rem }
.sotong-wrap .swiper-controler {height:3rem; text-align: center; margin-bottom:1rem}
.sotong-wrap .swiper-controler .swiper-pagination-bullet-active{background-color: gray!important; width:1.6rem!important; height:1.6rem!important; border:none}
.sotong-wrap .swiper-pagination-bullet {background-color: #fff!important; border:1px solid #111; margin:0 0.5rem; width:1.6rem!important; height:1.6rem!important; }
.sotong-wrap .swiper-pagination {left:50%; transform: translateX(-50%);}
/* 따라다니는배너 */
.fixed-banner .fixed-btn-binzib {display: flex; flex-flow: column; justify-content: center; align-items: center; color: #fff; width: 11rem; height: 11rem; margin:0 auto; background: url(../img/new/fixed_ban_bg01.png) no-repeat 50%/ cover ; }
.fixed-banner .fixed-btn-binzib i {margin-bottom:1rem }
.fixed-banner [class^="fixed-btn-sns"] {position:relative; display:block; width:100%; color:#fff; margin-top:.5rem; border-radius: 1rem 0 0 1rem; background-color: rgba(0,0,0,0.5); padding:1rem; padding-left:4rem; font-size:1.4rem }
.fixed-banner [class^="fixed-btn-sns"]:before {content:"";position: absolute; left: 1rem; top:50%; transform: translateY(-50%) ; width:2.5rem; height: 2.5rem; background: url(../img/new/ico_sns_insta2.png) no-repeat 50%/ cover ; }
.fixed-banner .fixed-btn-sns02:before { background: url(../img/new/ico_sns_ch.png) no-repeat 50%/ cover ; }
.fixed-banner .fixed-btn-sns03:before { background: url(../img/new/ico_sns_bg.png) no-repeat 50%/ cover ; }
.visual-btn {display:none; border:1px solid #fff; padding:1.5rem 2rem; color:#fff; margin-top:1.5rem; font-size:2rem}
.visual-btn i{vertical-align:middle}
.cont-style1 .box{overflow: hidden;padding:13rem 3rem 4rem; position: relative; background:#F7F8FA; }
.cont-style1 .box > strong{position: absolute;color:#EEF0F5; white-space:nowrap; opacity: .73;line-height: 6rem;top:1.8rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:6rem;font-family:'sora',sans-serif;}
.cont-style1 .box > .txt {margin-top:2rem; font-size: 1.8rem; font-weight: 400; color:var(--color-blue1)}
.cont-style1 .box article{flex: 1 1 45%; background:#fff;border-radius: 5px;position: relative; padding:2rem; display: flex; align-items: center; justify-content: center;}
.cont-style1 .box article:nth-child(1){border:2px solid #72869B;}
.cont-style1 .box article:nth-child(2){border:2px solid #306FAE; margin:0 0 0 3rem;}
.cont-style1 .box article:nth-child(3){border:2px solid #B70023;}
.cont-style1 .box article:nth-child(2):before {content:"\f13b"; font-family: uicons-regular-rounded !important; position: absolute; left: -3.5rem; top:50%; transform: translateY(-50%) ; font-size:4rem; color:var(--color-gray4)}
.cont-style1 .box article > p{border-radius: 50%;width:12rem;height:12rem;position: absolute;top:-6rem;left:50%;webkit-transform:translateX(-50%);transform:translateX(-50%);background: #fff; overflow:hidden}
.cont-style1 .box article:nth-child(1) > p{border:3px solid #BAB5B2;}
.cont-style1 .box article:nth-child(2) > p{border:3px solid #607DB5;}
.cont-style1 .box article:nth-child(3) > p{border:3px solid #684949;}
.cont-style1 .box article > ul {color:#222222;font-size:1.8rem;font-weight:500;letter-spacing: -0.54px;display: inline-block;margin-top:6.6rem;}
.cont-style1 .box article > ul li + li{margin-top:1.5rem;}
.cont-style1 .box article ul li {display: inline-block; }
.cont-style1 .box article ul:not(.num) li:before {top:1.5rem }
.cont-style1 .box.left {padding-top:10rem}
.cont-style1 .box.left article > p {position:inherit; left:inherit; top:inherit;transform: inherit; margin-right:2rem }
.cont-style1 .box.left article .tit {margin-bottom:1.5rem}
.cont-style1 .box.left article > ul {margin-top:0}
.cont-style1 .box.left article > p {width:20rem; height:21rem; border-radius: 0rem; border:0px solid #ddd!important}
.cont-style2 .box {padding:4rem 5rem; position: relative; background:#f9f9f9; border:1px solid #eee; border-radius: 1rem; margin-top:2rem}
.cont-style2 .box .tit{text-align:center; font-weight:bold; font-size:1.7rem; margin-bottom:3rem}
.cont-style2 .box .desc {margin-top:5rem;}
.commBox {border:1px solid #E1E1E1; padding:2rem}
.commBox ul > li > * {display:inline-block; vertical-align: top;}
.commBox ul li p{font-weight:bold; width:15rem}
.commBox.gray {background-color: var(--color-gray6); margin-top:2rem }
.commBox.gray .boxWrap {display: flex; align-items: center;}
.commBox.gray .boxWrap .tit{flex:none; width:12rem; height:12rem; border-radius: 50%; color:var(--color-blue2); background-color: #fff; font-weight:600; margin-right:2rem; border:1px solid #efefef;display: flex; flex-direction: column; justify-content: center; align-items: center; }
.commBox.gray .boxWrap .tit i:nth-child(2) {margin:-2rem 0 0 -2rem; background-color: #fff;}
.dimgBox {display: flex; align-items:center; margin:4rem auto}
.dimgBox .imgWrap{max-width:25rem; text-align: center; border:1px solid var(--color-gray4);margin:0.5rem}
.dimgBox .imgWrap img{height:20rem}
.dimgBox.type02 .imgWrap {max-width:30rem; margin-top:0}
.dimgBox.type02 .imgWrap.nth2{max-width:50rem; text-align: center; }
.dimgBox.type02 .imgWrap.nth2 p{background-color: var(--color-blue2)}
.dimgBox .imgCenter{position: relative; margin:0 -3rem; z-index: 2; max-width:25rem}
.dimgBox .imgCenter:before{position: absolute; bottom:-2rem; left:50%; transform: translateX(-50%);font-family:uicons-regular-rounded !important; content: '\f160'; color:var(--color-gray4) ; font-size:5rem; line-height:1; font-weight: bold; display: block; }
.dimgBox .imgWrap p{ background-color: var(--color-blue1); color:#fff; padding:1.5rem}
/*빈집정비시스템 내용동일*/
.bodyWrap p,.bodyWrap div , .bodyWrap span{line-height: 1.4;}
.btnTxt.sm {font-size:1.3rem; padding:0.5rem 1rem; font-weight: normal; }
.pageTitSub {font-size:2rem; position: relative ;padding-left:10px}
.pageTitSub span.sub{font-size:1.3rem}
.pageTitSub:before {content:""; position:absolute; left:0; top:2px; transform:tranlateY(-50%); width:3px; height:18px; border-radius:5px; background-color: var(--color-blue3); }
.pageTitSub + * {margin-left:1.2rem}
.bodyWrap > .desc {color:var(--color-gray1); }
.bodyWrap > .desc + .pageTitSub {margin-top:5rem}
.bodyWrap h4.tit-type01 {position:relative; font-weight:500; font-size:18px; padding-left:1rem; margin:3.5rem 0 1rem; color:var(--color-gray1)}
.bodyWrap h4.tit-type01:before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(45deg); width:4px; height:4px; background-color: var(--color-blue3)}
.bodyWrap h4.tit-type01 ~ *:not(.tit-type01, .pageTitSub) {margin-left:1rem}
.bodyWrap h5{font-size:1.7rem; margin:1.5rem 0 1rem 0; color:#222; font-weight:500 }
.bodyWrap h5 + *{margin-left:1rem}
.ul-type01 {font-size:1.7rem; }
.ul-type01> li{padding: 0 0 1rem 2rem; text-indent:-2rem}
.indent-10 {margin-left:1rem!important}
.indent-20 {margin-left:2rem!important}
.formText input:not(.smlHouseReport .left .formText input) {padding:0.4rem; border-radius:0}
.formText.line input {width:100%}
.connectBox {display:flex; flex-flow:row; }
.connectBox .col{text-align:center; flex:1 1 0; }
.connectBox:not(.left) .col + .col{border-left:1px solid #ccc}
.connectBox .col.account + .col.account {border-left:1px solid #ccc}
.connectBox .col p{margin:1.5rem }
.connectBox .col p.title{font-size:2rem}
.connectBox .col p.tit{font-size:2rem; font-weight:500}
.connectBox .col p.expr{display:inline-block; position:relative; padding-left:3rem; }
.connectBox .col p.expr:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2rem; height:2rem; border-radius: 50%; background-color:#39b251;}
.connectBox .col:nth-of-type(2) p:before{ background-color:var(--color-river1)}
.connectBox .col:nth-of-type(3) p:before{ background-color:var(--color-blue2);}
.connectBox .colorRed p.tit{color:var(--color-red1)}
.connectBox .colorRed p.expr:before{background-color:var(--color-red1)}
.connectBox .colorSky p.tit{color:var(--color-river1)}
.connectBox .colorSky p.expr:before{background-color:var(--color-river1)}
.connectBox .colorBlack p.tit{color:var(--color-black)}
.connectBox .colorBlack p.expr:before{background-color:var(--color-black)}
.connectBox .colorOrange p.tit{color:var(--color-orange1)}
.connectBox .colorOrange p.expr:before{background-color:var(--color-orange1)}
.connectBox .colorYellow p.tit{color:#ae9509}
.connectBox .colorYellow p.expr:before{background-color:var(--color-yellow1)}
.connectBox .colorGreen p.tit{color:var(--color-green1)}
.connectBox .colorGreen p.expr:before{background-color:var(--color-green1)}
.connectBox .colorBlue p.tit{color:var(--color-blue2)}
.connectBox .colorBlue p.expr:before{background-color:var(--color-blue2)}
.connectBox .col p em{font-size:2rem; font-weight:700; display: inline-block; margin-right:.5rem; color:var(--color-blue2) }
.connectBox.left {flex-direction: column; width:100%; align-items: center;}
.connectBox.left .col {display: flex; justify-content: center; }
.connectBox.left .col.account {flex-flow:column; }
.connectBox.left .col.account .tit {width:15rem; }
.connectBox.left .tit{width:10rem}
.connectBox.left.rowBox {display;flex; flex-wrap:wrap}
.connectBox.left.rowBox > .col{flex:1 1 48%}
.contBox> ul{max-width:150rem}
.connectBox.left.depLine {position: relative;}
/* .connectBox.left.depLine::before {content:""; position:absolute; left:20px; top:50%; width:20px; height:1px; background-color: var(--color-gray4);} */
.connectBox.left.depLine .tit {width:16rem}
.connectBox.left.depLine .col {position: relative;}
.connectBox.left.depLine .col:before {content:""; position:absolute; left:0; top:0px; width:20px; height:50px; border-left: 1px solid var(--color-gray4); }
.connectBox.left.depLine .col:nth-child(1):before {left:0; bottom:0px; top:inherit; height:25px; border-top:1px solid var(--color-gray4) }
.connectBox.left.depLine .col:nth-child(3):before {right:0; left:-39px; width: 40px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:none }
.connectBox.left.depLine .col:nth-child(3):after {content:""; position:absolute; left:0; top:50%; width:20px; height:1px; background-color: var(--color-gray4);}
.connectBox.left.depLine .col:nth-child(2):after {content:""; position:absolute; left:0; top:50%; width:20px; height:1px; background-color: var(--color-gray4);}
.connectBox.left.depLine .col:nth-child(4):before {height:50%; border-bottom:1px solid var(--color-gray4) }
.connectBox.left .sTit {position: relative; align-self: center; font-weight: 600; color:var(--color-blue2)}
.connectBox.left .sTit:before {content:""; position:absolute; left:-25px; top:50%; width:15px; height:1px; background-color:var(--color-blue2) }
.connectBox.left .sTit:after {content:""; position:absolute; right:-25px; top:50%; width:15px; height:1px; background-color:var(--color-blue2) }
.contBox .type01{display: flex; margin-top:4rem ; flex-wrap:wrap}
.contBox .type01 >li,.contBox .type01 >div {position:relative; display: inline-block; border:1px solid var(--color-gray4); margin-left:2.6rem ; text-align:center; padding:2rem; min-width:30rem}
.contBox .type01 >li + li:before, .contBox .type01 >div + div:before {content:"\f8d8"; font-weight:bold; color:var(--color-blue2); position:absolute; left:-2rem; top:50%; font-family: uicons-regular-rounded !important; transform:translateY(-50%); width:1.6rem; height:1.6rem; }
.contBox .type01 >li.ty01 , .contBox .type01 >div.ty01 {margin-left:0rem }
.contBox .type01 >li.ty01 + li:before , .contBox .type01 >div.ty01 + div:before{content:"\f13b";}
.contBox .type01 .tit {font-size:2rem; font-weight:600; text-align:center; margin:3rem 0 2rem 0}
.contBox .type01 img {margin:1.5rem 0 }
.contBox .type01 .cont {font-size:2rem; text-align:center;color:#fff; margin:0 -2rem ;padding:2rem;line-height:1.4; min-height:13.5rem; background:var(--color-blue4);}
.contBox .type01 .ty01 .cont{background:var(--color-blue1);}
.contBox .type01 .cont p {font-size:1.5rem; line-height:1.4; margin-top:1.5rem}
.contBox .type01 .unitList {display:inline-block; margin-top:3rem; text-align:left}
.contBox .type01 .label-step { position: absolute; width: 5rem; height: 5rem; line-height: 5rem; font-size: 1.3rem; color: #fff; background: var(--color-blue1); font-style: normal; border-radius: 50%;
left: 50%; top: -2rem; transform:translateX(-50%)}
.contBox .type01.same.ag .label-step {background:var(--color-blue4);}
.contBox .type01.same{display: flex; flex-wrap:wrap }
.contBox .type01.same li, .contBox .type01.same div{ flex:1 1 30%; margin-top:3rem; background-color:#fff }
.contBox .type01.same li+li:before, .contBox .type01.same div+div:before{content:"\f13b"; }
.contBox .type01.same .tit-sub{font-weight:500; font-size:1.8rem; line-height:1.4}
.contBox .type01.same .cont2{color:var(--color-gray3); background:#fff; display:flex; flex-direction:column; align-items:center;}
.contBox .type01.same .img{position:relative; display:inline-block; margin: 2rem 0;}
.contBox .type01.same .img img{position:relative; z-index:3}
.contBox .type01.same .img:before{content:""; position:absolute; left:50%; top:50%; transform:translate(-70%, -70%); width:5rem; height:5rem; border-radius:50%; background-color:rgba(172,109,186,0.3)}
.contBox .type01.same.ag .img:before {background-color:rgba(114,165,77,0.3)}
.contBox .type01.bg {margin-top:2rem; margin-bottom:2rem}
.contBox .type01.bg .tit {font-size:1.7rem; font-weight:normal; margin:1rem 0}
.contBox .type01.bg > * {background-color:var(--color-gray6); padding:0; border-radius: 1rem; overflow:hidden; max-width:30rem; min-width: 20rem; border-color:#eee}
.contBox .type01.bg > .w18 {width: 18rem; padding-bottom:1.5rem}
.contBox .type01.bg > .imgUnit .tit strong {display: block; margin-bottom: 1rem;}
.contBox .type01.bg > .imgUnit img {width:100%; margin:0}
.contBox .type01.bg > div + div:before {content:none}
.contFlow> ul, .contFlow> div {display:flex; margin-top:2rem; flex-flow:row; flex-wrap: wrap; max-width:150rem}
.contFlow > ul >li, .contFlow> div> div {position:relative; flex: 1 1 18%; background: var(--color-gray6); height:auto ; border-radius: .5rem; padding:2rem; margin-left:2.6rem; text-align: center; margin-bottom:2rem; box-shadow:0 0 3px 0px rgba(0,0,0,0.1); }
.contFlow> ul > li .tit {font-weight: bold; font-size:1.7rem; min-height:5rem; line-height: 1.4; }
.contFlow> ul > li .tit.wtJcc{ min-height:6rem; display: flex; width:100%; border-radius: .5rem; background-color: #fff; justify-content: center; align-items: center;}
.contFlow> ul > li .desc{margin-top:1rem; line-height: 1.4; }
.contFlow > ul> li:before, .contFlow > div> div:before{position:absolute; left:-2rem; top:50%; font-family: uicons-regular-rounded !important; transform:translateY(-50%); width:1.6rem; height:1.6rem; content:"\f13b"; font-weight: bold; color:var(--color-blue2)}
.contFlow > ul> li:first-child:before, .contFlow > div> div:first-child:before{content: none;}
.contFlow.grayBox {border:2px solid #ccc; padding:2rem; margin-top:3rem ; border-radius:1rem; max-width: 130rem;}
.contFlow.grayBg {border:1px solid #eee; padding:2rem; background-color:#f9f9f9; margin-top:3rem ; border-radius:1rem; max-width: 130rem;}
.contFlow.grayBg .tit {font-weight:bold; margin:2rem 0; text-align:center}
.contFlow .plus {justify-content: center;}
.contFlow .plus > div{max-width:30rem; background-color:#fff; padding:3rem 2rem; border:1px solid var(--color-gray4); flex:1 1 0}
.contFlow .plus > div + div:before {content:"\f8d8"}
.contFlow .plus > div .desc{font-size:1.5rem; margin-top:2rem; color:#666; line-height: 1.4;}
.contFlow ul.round{}
.contFlow ul.round li{display:flex; flex-flow:column; border-radius:50%; flex:none; background:var(--color-blue1); width:23rem; height:23rem; color:#fff; margin-left:5rem}
.contFlow ul.round li:nth-child(even){background:var(--color-blue4)}
.contFlow ul.round .tit{position:relative}
.contFlow ul.round li+li{}
.contFlow > ul.round> li+li:before{left:-3rem }
.contFlow > .sTit.db {display: flex; flex-flow:column; align-items: center; width:15rem; height:15rem; border-radius: 50%; border:2px solid #ccc; margin:2rem auto }
.contFlow > .sTit.db i{font-size:3rem}
.contFlow > .sTit {position: relative; text-align: center; font-weight: bold; }
.contFlow .auto > * {flex:none; min-width:12rem}
.contFlow .type02 li:nth-child(2n) {border:1px solid var(--color-blue2); background-color: #fff;}
.contFlow .type02 li:nth-child(2n+1) { border:1px solid var(--color-blue2); background-color:var(--color-gray6); color:var(--color-blue2); font-weight:bold; margin-left:0}
.contFlow .type02 li:nth-child(2n+1):before {content:none}
/*소규모재개발사업*/
.contFlow [data-length='2'] li {flex:1 1 40%}
.contbtmBox { display:flex; align-items: center; justify-content: center; width:100%; max-width: 65rem; background: var(--color-blue1); border-radius: 1rem; padding: 4rem; margin: auto; text-align: left; position: relative; }
.contbtmBox img {margin-right:2rem}
.contbtmBox .tit { color: #fff; font-size: 1.8rem; margin-bottom: 2rem; font-weight:600}
.contbtmBox .desc { color: #fff; font-size: 1.7rem; line-height: 1.8; }
.arrowBox {padding:1.5rem; text-align:center}
.arrowBox i{font-size:5rem; color:var(--color-gray4)}
/*빈집정보시스템 화살표없는 동그라미*/
.contFlow > ul.round.noArrow .tit {margin-top:3rem; }
.contFlow > ul.round.noArrow .tit:after{position:absolute; left:50%; top:-4rem; font-family: uicons-regular-rounded !important; transform:translateX(-50%); width:1.6rem; height:1.6rem; font-size:2.5rem; content:"\f34b"; color:#fff}
/* .contFlow > ul.round.noArrow> li {background:rgba(5,120,105,0.7)}
.contFlow > ul.round.noArrow> li:nth-child(even) {background:rgba(28,115,182,0.7)} */
.contFlow > ul.round.noArrow> li+li {margin-left:-3rem}
.contFlow > ul.round.noArrow> li+li:before {content: none;}
.contFlow > ul.round.noArrow.btnType {max-width:150rem}
.contFlow > ul.round.noArrow.btnType li{flex:1 1 0; height:8rem; border-radius:1rem; padding:0}
.contFlow > ul.round.noArrow.btnType li a{width:100%; height:100%;}
.contFlow > ul.round.noArrow.btnType li a i{font-size:2rem; margin:0 0.5rem}
.contFlow > ul.round.noArrow.btnType> li+li {margin-left:3rem}
.contFlow > ul.round.noArrow2> li+li:before{content:none; }
.contFlow > ul.round.noArrow2> li {width:18rem; height:18rem; margin-left:3rem; background-color:#fff; border:1rem solid var(--color-blue4) }
.contFlow > ul.round.noArrow2 .tit {padding-top:4rem; color:var(--color-blue1)}
.contFlow > ul.round.noArrow2 .tit:after{position:absolute; left:50%; top:0rem; font-family: uicons-regular-rounded !important; transform:translateX(-50%); width:1.6rem; height:1.6rem; font-size:2.5rem; content:"\f34b"; color:var(--color-blue4)}
/*정비유형*/
.max-130 {max-width:130rem}
.jungbiType {text-align:center; max-width:130rem}
.jungbiType .lineBox{display:flex; justify-content:center}
.jungbiType .lineBox .sTxt:first-child{border-right:0; }
.jungbiType .lineBox .sTxt:last-child{ border-left:0; }
.jungbiType .sTxt{position:relative; height:4rem; margin:2rem 0 0; width:33.2rem; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc}
.jungbiType .sTxt span{position: absolute; left:50%; transform: translateX(-50%); top:-1rem; background-color: #fff;}
.jungbiType .topImg {width:18rem; height: 18rem; border-radius: 50%; background:var(--color-gray3); color:#fff; margin:1rem auto}
.jungbiType .topImg i {font-size:4rem; }
.jungbiType .topImg .tit {position:relative; font-size:2rem; font-weight: bold; margin:1rem }
.jungbiType .boxWrap {display:flex; gap:3rem }
.jungbiType .boxWrap > li{display: inline-block; border-radius:.5rem; border:1px solid var(--color-gray5); overflow: hidden; flex:1 1 23%}
.jungbiType .boxWrap > li > p.tit{display:flex; align-items:center; justify-content:center; height:4rem; color:#fff; font-size:1.8rem; background-color: var(--color-blue4);}
.jungbiType .boxWrap > li > .cont{ padding:1rem ; display: flex; justify-content: center; align-items:flex-start; flex-flow:row wrap}
.jungbiType .boxWrap > li > .cont p{align-self:center }
.jungbiType .boxWrap > li > .cont ul{}
.jungbiType .boxWrap > li > .cont ul li,.jungbiType .boxWrap > li > .cont2 >p, .boxWrap > li > .cont2 li {margin:1rem ;}
.jungbiType .boxWrap > li > .cont2 >p{ margin-bottom:0}
.jungbiType .boxWrap > li > .cont ul li:first-child, .jungbiType .boxWrap > li > .cont2 p {font-weight:500; color:var(--color-blue2) }
.jungbiType .boxWrap > li > .cont2 {display: flex; flex-direction: column; padding:1rem}
.jungbiType .boxWrap > li .ulWrap {display: flex; justify-content: center; align-items:flex-start}
.jungbiType .boxWrap > li .ulWrap {display: flex; justify-content: center; align-items:flex-start}
.jungbiType.cause .topImg {background-color: var(--color-reb1);}
.jungbiType.cause .lineBox .sTxt{width:calc(33.3% - 0rem); height:4rem; border-right:1px solid #ccc}
.jungbiType.cause .boxWrap > li > p.tit {background-color: var(--color-gray3);}
.jungbiType.cause .lineBox .sTxt:last-child {border-left: none;}
.jungbiType.round .boxWrap {justify-content: center;}
.jungbiType.round .boxWrap > li {width:20rem; height: 10rem; border-radius:2rem ; flex:0 1 20rem}
.jungbiType.round .boxWrap > li p.tit{height:100%}
.jungbiType.round .lineBox .sTxt {width:23rem}
a.file-down {color:var(--color-blue2);}
.topfileBoth {display:flex; margin:1rem 2rem ; font-size:1.4rem}
.contBoxWrap {display: flex; }
.contBoxWrap >.box {width:20%;}
/*알람e소개*/
.bodyWrap .contArea01 { margin-bottom: 4.5rem; }
.bodyWrap .contArea01:after { font-family:uicons-regular-rounded !important; content: '\f139'; color:var(--color-gray3) ; font-size:5rem; font-weight: bold; width: 6.2rem; height: 3.4rem; /*background: url("../img/sub/sub_1_1_1_04.png") center center no-repeat; background-size: contain; */display: block; margin: 6rem auto 0; }
.bodyWrap .contArea01 .box { display: inline-block; width: 19rem; height: 19rem; background: #fff; border: 1px solid #eee; border-radius: 50%; position: relative; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1) }
.bodyWrap .contArea01 .box + .box { margin-left: 8.5rem; }
.bodyWrap .contArea01 .box + .box:before { content: '+'; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -4.5rem; }
.bodyWrap .contArea01 .box img { margin: 5rem auto 2.5rem; }
.bodyWrap .contArea01 .box p { font-size: 1.5rem; }
.bodyWrap .rowImgBox {display:flex; }
.bodyWrap .rowImgBox .imgWrap {max-width:35rem; margin:-1rem 0 0; }
.bodyWrap .imgWrap {text-align:center; margin:2rem 0 }
.bodyWrap .imgWrap.max60 {max-width:60rem; }
.bodyWrap .imgWrap .imgTxt {position: relative; display:inline-block; background-color: #fff; ; border:1px solid var(--color-gray4); padding:0.5rem 1.5rem; margin-top:1rem; box-shadow: 0px 0px 3px rgba(0,0,0,0.1); margin:1rem 3rem 0}
.bodyWrap .imgWrap .imgTxt:before {content:""; position:absolute; left:-2.5rem; top:50%; transform:tranlateY(-50%); width:2.5rem; height:1px; background-color: var(--color-gray4); }
.bodyWrap .imgWrap .imgTxt:after {content:""; position:absolute; right:-2.5rem; top:50%; transform:tranlateY(-50%); width:2.5rem; height:1px; background-color: var(--color-gray4); }
/*flex로 변경*/
.mapRankingNew{display:flex; flex-flow: row wrap; position:relative; padding-left:320px; height: 143rem;}
.mapRankingNew > * {flex:0 1 auto}
.mapRankingNew .mapSelect {width: 300px; height:450px; position:absolute; left:0; top:0}
/* .mapRankingNew .mapArea {width:340px; height:68rem} */
/*지도사이즈 크게 조정*/
.mapRankingNew .mapArea {width:100%; height:103.9rem; position:absolute; left:0; top:110}
.mapRankingNew .mapkoreaWrap {position:relative;}
/* .mapRankingNew .dataArea {flex:1 1 0 ; margin-left:20px} */
/*데이터존 위치 조정*/
.mapRankingNew .dataArea {flex:1 1 0 ;width:100%; position:absolute; left:0; }
.mapRankingNew .dataArea .unitTable { border: 1px solid #aaa; max-height: 63.2rem; overflow-y: auto; }
.mapRankingNew .dataArea .unitTable table { min-width: auto; }
.mapRankingNew .dataArea .unitTable table tr + tr { border-top: 1px solid #aaa; }
.mapRankingNew .dataArea .unitTable table tr td { height: 9rem; font-size: 1.3rem; }
.mapRankingNew .dataArea .unitTable table tr td + td { border-left: 1px solid #aaa; }
.mapRankingNew .dataArea2 { width: 100%; height: 2rem; margin-left: -31rem;}
.mapRankingNew .dataArea2 .unitLegend { margin-top: 0rem; }
.mapRankingNew .dataArea2 .unitLegend .tit { margin-bottom: 0.5rem; font-size: 1.5rem; color: #666; width:100%; }
.mapRankingNew .dataArea2 .unitLegend ul {display:flex; flex-flow:row wrap; width:120%; }
.mapRankingNew .dataArea2 .unitLegend ul:after { content: ''; display: table; clear: both; }
.mapRankingNew .dataArea2 .unitLegend ul li {flex:0 1 9%; padding: .3rem 0; font-size: 1.3rem; }
.mapRankingNew .dataArea2 .unitLegend ul li i { display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: .5rem; border-radius: 50%; background-color: #f1f1f1; vertical-align: -.4rem; }
.mapRankingNew .dataArea2 .lv00 { background-color: #e7e6e6 !important; }
.mapRankingNew .dataArea2 .lv01 { background-color: #B5FFB5 !important; }
.mapRankingNew .dataArea2 .lv02 { background-color: #67B967 !important; }
.mapRankingNew .dataArea2 .lv03 { background-color: #FFCC00 !important; }
.mapRankingNew .dataArea2 .lv04 { background-color: #FF5B5B !important; }
.mapRankingNew .dataArea2 .lv05 { background-color: #FF0000 !important; }
.mapRankingNew4{display:flex; flex-flow: row wrap; position:relative; margin-left:53rem; margin-top:-39px; height: 30px;}
.mapRankingNew4 .dataArea2 { width: 130px; height: 2rem; margin-left: 0rem;}
.mapRankingNew4 .dataArea2 .unitLegend { margin-top: 0rem; }
.mapRankingNew4 .dataArea2 .unitLegend .tit { margin-bottom: 0.5rem; font-size: 1.5rem; color: #666; width:100%; }
.mapRankingNew4 .dataArea2 .unitLegend ul {display:flex; flex-flow:row wrap; width:120%; }
.mapRankingNew4 .dataArea2 .unitLegend ul:after { content: ''; display: table; clear: both; }
.mapRankingNew4 .dataArea2 .unitLegend ul li {flex:0 1 9%; padding: .3rem 0; font-size: 1.3rem; }
.mapRankingNew4 .dataArea2 .unitLegend ul li i { display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: .5rem; border-radius: 50%; background-color: #f1f1f1; vertical-align: -.4rem; }
.mapRankingNew4 .dataArea2 .lv00 { background-color: #e7e6e6 !important; }
.mapRankingNew4 .dataArea2 .lv01 { background-color: #B5FFB5 !important; }
.mapRankingNew4 .dataArea2 .lv02 { background-color: #67B967 !important; }
.mapRankingNew4 .dataArea2 .lv03 { background-color: #FFCC00 !important; }
.mapRankingNew4 .dataArea2 .lv04 { background-color: #FF5B5B !important; }
.mapRankingNew4 .dataArea2 .lv05 { background-color: #FF0000 !important; }
.mapRankingNew .dataArea .lv01 { background-color: #B5FFB5 !important; }
.mapRankingNew .dataArea .lv02 { background-color: #67B967 !important; }
.mapRankingNew .dataArea .lv03 { background-color: #FFCC00 !important; }
.mapRankingNew .dataArea .lv04 { background-color: #FF5B5B !important; }
.mapRankingNew .dataArea .lv05 { background-color: #FF2020 !important; }
.mapRankingNew .mapSelect .formSelect .barTit { vertical-align: top; }
.mapRankingNew .mapSelect .formSelect select { width: 22rem; font-size: 1.7rem; }
.mapRankingNew .mapSelect .mapInfo { position: absolute; left: 0; top: 75pxm; z-index: 1; }
.mapRankingNew .mapSelect .mapInfo .tit { font-size: 2.4rem; color: #0057c0; font-weight: 500; }
.mapRankingNew .mapSelect .mapInfo .tit + button { margin-top: 2rem; }
.mapRankingNew .mapSelect .mapInfo button { font-size: 1.5rem; font-weight: 700; background-color: #909090; border-radius: .6rem; color: #fff; padding: .7rem 1.4rem; }
.mapRankingNew .mapSelect .mapInfo button { font-size: 1.5rem; font-weight: 700; background-color: #909090; border-radius: .6rem; color: #fff; padding: .7rem 1.4rem; }
.mapRankingNew .mapSelect .subMapArea { transform: scale(0.7); position:absolute; left:-60px; top:-50px }
.mapRankingNew .mapSelect .subMapArea img { max-width: 436px; height: auto; }
.mapRankingNew .compareArea {position:absolute; left:0; top:450; width: 30rem; height: 30rem; }
.mapRankingNew .compareArea2 {position:absolute; left:0; top:850; width: 30rem; height: 30rem; }
.mapRankingNew .compareArea .tit { font-size: 1.5rem; margin-bottom:1rem }
.mapRankingNew .compareArea dl { width: 12rem; text-align: center; font-size: 1.5rem; display: block; vertical-align: top; float: left; }
.mapRankingNew .compareArea dl + dl { margin-left: 6rem; }
.mapRankingNew .compareArea dt { background-color: var(--color-blue1); font-size: 1.7rem; color: #fff; font-weight: bold; text-align: center; padding: 1rem 0; position: relative; }
.mapRankingNew .compareArea dd { padding: 1.7rem 0 1rem; border-bottom: 0.2rem solid #dcdcdc; position: relative; }
.mapRankingNew .compareArea dd .num { color: #ff0084; height: 2rem; }
.mapRankingNew .compareArea dl.last dt { border-radius: .6rem 0 0 .6rem; }
.mapRankingNew .compareArea dl.last dt:after { content: ''; position: absolute; height: 100%; width: 6rem; background-color: var(--color-blue1);; top: 0; right: -6rem; display: block; }
.mapRankingNew .compareArea dl.last dd:after { content: ''; position: absolute; font-size: 1.3rem; display: block; width: 6rem; height: 100%; color: var(--color-blue1); border-bottom: 0.2rem solid var(--color-blue1); top: .2rem; right: -6rem; padding-top: 4rem; background-position: center 1rem; background-repeat: no-repeat; }
.mapRankingNew .compareArea dl.last dd:nth-of-type(1):after { content: '빈집수'; background-image: url("../img/sub/compare_house.png"); }
.mapRankingNew .compareArea dl.last dd:nth-of-type(2):after { content: '건축면적'; background-image: url("../img/sub/compare_building.png"); }
.mapRankingNew .compareArea dl.last dd:nth-of-type(3):after { content: '대지면적'; background-image: url("../img/sub/compare_area.png"); }
.mapRankingNew .compareArea dl.current dt { border-radius: 0 .6rem .6rem 0; }
/* .mapRankingNew2 {position:relative; display:flex; gap:1rem; margin-top:3rem } */
.mapRankingNew2 {width: 300px; height:450px; position:absolute; left:0; top:760}
.mapRankingNew2 .dataType {flex: 1 1 33%; margin-bottom:0.7rem; }
.mapRankingNew3 .dataType {flex: 1 1 66%; }
.mapRankingNew2 .dataType dl { border: 2px solid var(--color-gray4); border-radius: .6rem; background: #fff; padding: 2rem; overflow:hidden; min-height:38rem; }
.mapRankingNew2 .dataType dl dt { font-size: 1.7rem; color: var(--color-blue2); font-weight: 700; border-bottom:1px solid #ddd; text-align:center ; padding-bottom:1rem; margin-bottom:2rem}
.mapRankingNew2 .dataType dl dd ul { margin-top: .8rem; display:flex; flex-flow:row wrap; gap:1rem }
.mapRankingNew2 .dataType dl dd ul:after { content: ''; display: table; clear: both; }
.mapRankingNew2 .dataType dl dd ul li {flex: 0 1 45%; }
.mapRankingNew2 .dataType dl dd ul li .tit { font-size: 1.2rem; color: #666; position: relative; display: block; padding-left: 4.5rem;min-height:4rem }
.mapRankingNew2 .dataType dl dd ul li .tit i { margin-right: .5rem; position: absolute; left: 0; top: 0; }
.mapRankingNew2 .dataType dl dd ul li .tit i.icon-cicle_grade1 + em.big { color: #0064cb; }
.mapRankingNew2 .dataType dl dd ul li .tit i.icon-cicle_grade2 + em.big { color: #00ad97; }
.mapRankingNew2 .dataType dl dd ul li .tit i.icon-cicle_grade3 + em.big { color: #f2ab00; }
.mapRankingNew2 .dataType dl dd ul li .tit i.icon-cicle_grade4 + em.big { color: #e9005d; }
.mapRankingNew2 .dataType dl dd ul li .tit em { font-size: 1.3rem; color: #000; display: block; font-weight: 500; line-height: 1.4; }
.mapRankingNew2 .dataType dl dd ul li .tit em.big { font-size: 1.7rem; font-weight: 500; height: 4rem; line-height: 4rem; }
.mapRankingNew2 .dataType dl dd ul li .desc { font-size: 1.3rem; display: block; }
.mapRankingNew2 .dataType dl dd ul li .desc em { display: block; color: #1257ac; margin-bottom: .5rem; }
.mapRankingNew2 .dataType dl dd ul li .desc strong { font-size: 1.7rem; color: #666; }
.mapRankingNew2 .dataType dl dd ul li .desc em + strong:not(:visible) {line-height:3.8rem}
.mapRankingNew2 .dataType dl dd ul li .desc strong .num { color: #000; }
.mapRankingNew2 .dataType dl dd ul li .desc sub { font-size: 1.2rem; color: #fb0070; margin-left: .5rem; vertical-align: .2rem; }
.mapRankingNew2 .mapArea { width: 53.7rem; height: 68rem; }
/*법령정보*/
.listRule li {position:relative; border:2px solid var(--color-gray4); border-radius: 0; overflow: hidden;}
.listRule li .icBox{display:flex; flex-flow:column; justify-content:center; align-items:center; width:11rem; height:11rem; background-color: var(--color-reb1); color:#fff; border-radius: 50%; margin:0 auto 2rem;}
.listRule li i{font-size:3rem; }
.listRule li .tit {font-size:1.5rem; margin:1rem 0 0}
.listRule li .cont {display:inline-block; position:relative; font-size:1.7rem; padding-left: 3rem;}
.listRule li .cont:before {position:absolute; left:0; top:0; font-family: uicons-regular-rounded !important; margin-top:-.3rem; width:1.6rem; height:1.6rem; font-size:2.5rem; content:"\f23b"; color:var(--color-green1)}
.listRule li .cont:after {content:""; position:absolute; left:0rem; bottom:-.7rem; width:100%; height:.5rem; border-radius:1.5rem; background-color:rgba(5,120,105,0.3)}
.listRule li:before{content:""; position:absolute; left:-1rem; top:-1rem; width:2rem; height:2rem; background:#37418b; transform:rotate(45deg);}
.listRule li .btnArea .formText input {border-radius:0}
.tradeMapArea > .left {padding-bottom:2rem; border-color:var(--color-blue1)}
.tradeMapArea .contTop {display:flex; height:4.5rem; border-radius:1rem 1rem 0 0; padding:0.5rem 1.5rem; border-bottom:1px solid #ddd ; align-items:center; background-color:var(--color-blue1); box-shadow:0px 0px 3px rgba(0,0,0,0.2) }
.tradeMapArea .contTop h3 {display:inline-block; color:#fff}
.tradeMapArea .contTop i{color:#fff; vertical-align:-0.1rem; margin-right:0.5rem}
.tradeMapArea .contBtm {padding:0.5rem 1.5rem 0; font-size:1.4rem;height:calc(100% - 8rem); overflow-y:auto}
.tradeMapArea .contPage {height:3rem;}
.tradeMapArea .contResult> li {display:flex; border:1px solid #ddd; padding:1.5rem 0.8rem 0.8rem; margin-bottom:1rem }
.tradeMapArea .contResult li> .imgWrap {width:10rem; margin-right:1rem; border:1px solid #ddd}
.tradeMapArea .contResult li> .imgWrap img{max-width:100%; height:auto}
.tradeMapArea .contResult li> .rightArea {flex:1}
.tradeMapArea .contResult li> .rightArea li { display:flex; position:relative; margin-bottom:1rem; align-items:flex-start}
.tradeMapArea .contResult li> .rightArea li strong{position:relative; display:inline-block; padding-right:1.5rem; padding-left:1rem; font-size:1.4rem; width:8.5rem}
.tradeMapArea .contResult li> .rightArea li strong:before {content: ''; margin-left: -1rem; width: .3rem; height: .3rem; background: #666; display: block; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%);}
.tradeMapArea .contResult li> .rightArea li strong:after {position:absolute; content:""; width:1px; height:1.2rem; right:1rem; top:0.1rem; background-color:#ddd}
.tradeMapArea .contResult li> .rightArea li span {flex:1 1 0; color:var(--color-blue2); line-height:1.2}
.tradeMapArea > .left .contArea .resultTxt p {padding:0.5rem 0 0.5rem; text-align:right}
.tradeMapArea > .right > .contArea > .mapBtn{position: absolute; z-index: 3; font-size:1.4rem; padding: 1rem 2rem; background: #fff; border: 0.2rem solid #4f94e8; border-radius: .5rem; top: 3rem; left: 50%; transform: translateX(-50%); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); min-width: 10rem;}
.tradeMapArea > .right > .contArea > .mapComment{position: absolute; z-index: 3; font-size:17px; padding: 1rem 2rem; background: #fff; border: 0.2rem solid #4f94e8; border-radius: .5rem; top: 89%; left: 79%; transform: translateX(-50%); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2); min-width: 72rem;min-height: 10rem; line-height:23px;}
.tradeMapArea > .right > .contArea > .mapBtn i{vertical-align:-0.1rem; color:var(--color-blue2)}
@media (max-width: 1280px){
[class^="fm-section"] .sec-content .sec-wrap .box.nth1, [class^="fm-section"] .sec-content .sec-wrap .colBox.last {display:none!important}
.fm-section7 .sec-content {flex-flow:column}
.fm-section7 .sec-content > div {width: 100%; }
.m-tablet-only{display:block}
}
@media (max-width: 1024px){
.topSchAreaGray.type4 .schLine [class^="form"] + .formDate {margin-left:0; margin-top:.5rem}
}
@media (max-width: 1024px){
#header-new{position:fixed;left:0;top:0;padding:24px 0 0;padding:2.4rem 0 0;width:100%;z-index:100;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s; margin:0; transform:inherit}
#header-new.active,#header.sitemap{padding:12px 0;padding:1.2rem 0;background:#fff}
#header-new.active .m-menu-btn span,#header.sitemap .m-menu-btn span{background:url(../img/new/ico_menu2.png) no-repeat 0 0;background-size:100% 100%}
#header-new.on .m-menu{display:block}
.header-content{position:relative}
.header-content .m-menu-btn{display:block;position:absolute;top:0;right:13px;right:1.3rem;padding:7px 3px;padding:0.6rem 0.3rem}
.header-content .m-menu-btn span{display:block;width:27px;width:2.7rem;height:17px;height:1.7rem;background:url(../img/new/ico_menu2.png) no-repeat 0 0;background-size:100% 100%}
.header-content .m-menu{display:none;position:fixed;right:0;top:0;width:-webkit-calc(100% - 75px);width:calc(100% - 75px);width:-webkit-calc(100% - 7.5rem);width:calc(100% - 7.5rem);height:100%;padding:56px 0 40px;padding:5.6rem 0 4rem;background:#fff}
.header-content .m-menu .m-logo {position:absolute; left:5rem; top:2.5rem; display:inline-block; width:16rem; height:auto;}
.header-content .m-menu .menu-close{position:absolute;top:2rem;right:13px;right:1.3rem;padding:6px;padding:0.6rem}
.header-content .m-menu .menu-close span{display:block;width:20px;width:2rem;height:20px;height:2rem;background:url(../img/new/menu_close.png) no-repeat 0 0;background-size:cover}
.header-content .m-menu .gnb{overflow-y:auto;margin:20px 16px 0 60px;margin:2rem 1.6rem 0 6rem;border-top:2px solid #222;height:90%}
.header-content .m-menu .gnb > ul{padding:30px 0 0;padding:3rem 0 0}
.header-content .m-menu .gnb > ul > li{margin-bottom:25px;margin-bottom:2.5rem}
.header-content .m-menu .gnb > ul > li.on > a:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}
.header-content .m-menu .gnb > ul > li.on ul{display:block}
#header-new.active .gnb > ul > li {height:inherit}
.header-content .m-menu .gnb > ul > li > a{position:relative;display:block}
.header-content .m-menu .gnb > ul > li > a span{font-size:19px;font-size:1.9rem;line-height:1.1;font-weight:500;color:#222}
/* .header-content .m-menu .gnb > ul > li > a:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-5px;margin-top:-0.45rem;width:15px;width:1.5rem;height:9px;height:0.9rem;background:url(../img/new/ico_arrow_down1.png) no-repeat 0 0;background-size:100% 100%} */
.header-content .m-menu .gnb > ul > li > a:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-5px;margin-top:-0.45rem;width:15px;width:1.5rem;height:9px;height:0.9rem;}
.header-content .m-menu .gnb > ul > li ul{display:none;padding:1.5rem 0 0 20px;padding:1.5rem 0 0 2rem}
.header-content .m-menu .gnb > ul > li ul li a{display:inline-block;font-size:1.7rem;font-size:1.7rem;line-height:1.923;color:#888}
/* .header-content .h1_logo2{position:absolute; left: 19rem; width: 40vw; top: .4rem; } */
.header-content .h1_logo2{position:absolute; left: 17.4rem; width: 40vw; top: .5rem;}
.header-content .util .btn2{position:absolute;top:15px;top:1.5rem;left:50px;left:5rem;padding:0 10px;padding:0 1rem;font-size:12px;font-size:1.2rem;line-height:3.333;color:#888}
.header-content .util .btn1{position:absolute;bottom:40px;bottom:4rem;left:50px;left:5rem;padding:0 20px;padding:0 2rem;font-size:11px;font-size:1.1rem;line-height:28px;line-height:2.8rem;color:#222;border:1px solid #ddd;border-radius:30px;border-radius:3rem;background:#fff}
.header-content .util .btn3{position:absolute;bottom:40px;bottom:4rem;left:142px;left:14.2rem;padding:0 20px;padding:0 2rem;font-size:11px;font-size:1.1rem;line-height:28px;line-height:2.8rem;color:#222;border:1px solid #ddd;border-radius:30px;border-radius:3rem;background:#fff}
#header-new.on {padding-bottom:1.1rem}
#header-new.on:before {content:none}
.white-bg {display:none}
.content .sub-title h3 {font-size: 2.5rem; letter-spacing: -0.1rem; text-align: left;}
.content .sub-title {flex-direction: column-reverse; align-items: stretch; justify-content: flex-start; }
.content .sub-title-util {justify-content:flex-end; margin-bottom: 4rem;}
.content .sub-title-location {flex-wrap:wrap}
.top-visual.max-height {max-height:80rem}
.visual-cube {display:none }
.subVisual .sub-title-util {justify-content:flex-end; margin-bottom: 4rem;}
.subVisual .sub-title-location {flex-wrap:wrap}
.fm-section5 .sec-content, .fm-section5-2 .sec-content, .fm-section6 .sec-content, .fm-section6-2 .sec-content, .fm-section6-3 .sec-content, .fm-section7 .sec-content {padding:4rem 1rem}
[class^="fm-section"] .sec-content .sec-wrap .colBox [class^="box"] .chart-box{flex: none; height: auto; min-height: 20rem; }
.tab1 > ul > li > a {padding:0 3rem; height:5rem}
.mob-only {display:block}
.pc-only {display:none}
.fm-section5-2 .sec-content .sec-wrap .box .SBtit .mob-only {display:inline-block}
.top-visual .swiper-slide .visual-btn{-webkit-transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,-webkit-transform 0.7s;-o-transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;-webkit-transform:translate(50px, 0);-ms-transform:translate(50px, 0);transform:translate(50px, 0);opacity:0}
.top-visual .swiper-slide.swiper-slide-active .visual-btn{-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.top-visual .txt-area .fnt-title2 span, .top-visual .txt-area .fnt-title6 span {font-size:4rem}
.contBox .type01 {flex-direction: column; }
.contBox .type01 >li.ty01:first-child {margin-left:2rem}
.contBox .type01 >li+ li {margin-top:1rem}
.contBox .type01[data-length="A3"] {flex-flow: row wrap;}
.contBox .type01[data-length="A3"].bg > *{width:calc(33% - 1.5rem); min-width: inherit; margin-top:0.5rem; margin-left:1.5rem}
.contFlow ul> li {flex: 1 1 40%}
/* .contFlow[data-length="A3"] ul> li {flex:none; width:calc(33% - 2.6rem)} */
.jungbiType .boxWrap {flex-flow:wrap}
.jungbiType .boxWrap > li{display: inline-block; border-radius:.5rem; border:1px solid var(--color-gray5); overflow: hidden; flex:1 1 45%}
.jungbiType .lineBox .sTxt:first-child, .jungbiType .lineBox .sTxt:last-child {border:none}
.contFlow > ul.round.noArrow2> li {}
.cont-style1 .box > strong {font-size:3.5rem; white-space: nowrap;}
.cont-style1 .box article:nth-child(2):before {font-size:4rem}
.subVisual {padding-bottom:5rem}
.commBox ul > li>* {display: block; width: 100%!important;}
.cont-style1 .box {padding:13rem 2rem 3rem}
.contbtmBox {flex-direction: column; text-align:center}
.contbtmBox img{margin:0 0 2rem 0}
.bodyWrap .rowImgBox {display:flex; flex-flow: column-reverse; align-items: center;}
.bodyWrap .rowImgBox .imgWrap{margin:auto}
.fm-section5-2 .sec-content .sec-wrap .box .SBtit span.pc-only{display:none}
[class^="fm-section"] .sec-content h3.m-tit {font-size:2.5rem; padding-left:5rem}
[class^="fm-section"] .sec-content h3.m-tit:before {width:4.5rem; height:4rem}
.pageTitSub + * {margin-left:0}
/*new*/
.mapRankingNew {justify-content:center; flex-flow:column; padding-left:0; padding-bottom:32rem}
.mapRankingNew .mapSelect {position:relative; width:100%; margin:0 auto}
.mapRankingNew .mapArea {width:100%; height:42rem;}
.mapRankingNew .dataArea2 {margin-left:0; height:auto; width:100%; }
.mapRankingNew .compareArea {width:100% ; margin-top:3rem}
.mapRankingNew .compareArea dl {width:calc(50% - 3rem)}
.mapRankingNew .dataArea2 .unitLegend ul li {flex:0 1 32%;}
.mapRankingNew .mapArea { width: 100%rem; height: 68rem; }
.mapRankingNew .mapSelect .subMapArea { transform: scale(0.7) translateX(calc(-50% - 7.5rem)); left: 50%; top: -3rem;}
.mapRankingNew2 {flex-flow:column}
.mapRankingNew2 .dataType dl{min-height:inherit}
.mapRankingNew2 .dataType dl dd ul li {display:flex; align-items:center}
.mapRankingNew2 .dataType dl dd ul li .desc {margin-left:1rem; }
.topSchArea.usecase [class^="form"].ty1 {width:30%}
.topSchArea.usecase [class^="form"].ty2 {width:calc(100% - 12rem); margin-top:.5rem}
.topSchArea.usecase button.btnTxt {margin-top:.5rem}
.topSchAreaGray.type2 .schLine.line3 .left .formText.date input {width:14rem}
.listRule li {width:100%; }
.listRule li:nth-child(even) {margin-left:0}
.bannerList li {width:calc(50% - 1.5rem) }
.bannerList li button { width: 100%; height: 100%; padding: 3rem 0; }
.bannerList li img { position: relative; left: 0; top: 0; transform: none; }
.unitFaq dt {padding: 1.5rem 1.5rem 1.5rem 5rem; text-align: left;}
.unitFaq dd {padding: 1.5rem 1.5rem 1.5rem 5rem;}
.unitFaq dt:before {font-size: 2rem; left: 2rem; top: 1.4rem; z-index:2 }
.unitFaq dt:after { width:2.5rem; height:2.5rem; left: 1.5rem; top: 1.5rem; }
.unitFaq dd:before {font-size: 2rem; left: 2.2rem; top: 1.4rem; z-index:2 }
.unitFaq dd:after { width:2.5rem; height:2.5rem; left: 1.5rem; top: 1.5rem; }
.cont-style2 .box {padding:4rem 2rem;}
}
@media (min-width: 769px) and (max-width: 850px){
.topSchAreaGray.type2 .schLine.line3 .left .formText.date input {width:13rem}
}
@media (max-width: 768px){
.unitTable table { min-width: 26rem; }
.top-visual .txt-area {padding-left:5rem}
.top-visual .txt-area .fnt-title2 span, .top-visual .txt-area .fnt-title6 span {font-size:3rem}
.cont-style1 .box.left article {flex-direction: column; margin-top:2rem}
.cont-style1 .box.left article p{margin-right: inherit; margin-bottom: 2rem;}
.cont-style1 .box.left article:nth-child(2) {margin-top:2rem}
.content .sub-title-location > * {padding:0 1rem}
.fm-section6-2 .swiper-slide.swiper-slide-active {transform: scale(0.9);}
.fm-section6-3 .swiper-slide.swiper-slide-active {transform: scale(0.9);}
.fm-section7 .sotong-wrap h3.m-tit {width:calc(100% - 14rem)}
.tooltipT .tooltipCont{ min-width:10rem}
.rowBox.binzibCause {flex-direction: column;}
.rowBox.binzibCause .jungbiType {margin-bottom:2rem}
.topSchAreaGray {padding:1rem; margin-bottom: 1.5rem;}
.boardViewArea .navArea >div {flex: 1 1 90%; margin-top:.5rem}
.boardViewArea .titArea .right { right: 0; position: relative; top: auto; transform: none; margin-top: 1rem; padding: 1rem; background: #f1f1f1; }
.boardListArea .imgType li {flex: 1 1 90%;}
[data-page-id='binzib_board_best'] .boardListArea .imgType li {width:calc(25% - 2rem); height: 30rem;}
[data-page-id='binzib_board_best'] .boardListArea .imgArea1 img {width:100%; max-height:22rem;}
.boardListArea .imgArea1 img {width:100%; height:auto}
.topSchAreaGray.type2 .schLine .left,.topSchAreaGray.type2 .schLine .right {flex:1 1 90%; }
.topSchAreaGray.type4 .schLine .left,.topSchAreaGray.type4 .schLine .right {flex:1 1 90%; }
.topSchAreaGray .schLine .formSelect select {width:100%}
.topSchAreaGray .schLine .formText.date input {width:100%}
.topSchAreaGray .schLine .formText.date {width:100%}
.topSchAreaGray.type1 .schLine .formSelect select {width:100%; margin-left: 0}
.topSchAreaGray .schLine .formText.date + span {display: none;}
.topSchAreaGray .schLine [class^="form"]:not(.formCheckbox) label:not(.ir) {width:8rem; display:block; margin-bottom:.5rem}
.topSchAreaGray .schLine [class^="form"] + [class^="form"] {}
.topSchAreaGray .schLine [class^="form"] + [class^="form"] {margin-left:0; margin-top:1rem}
.topSchAreaGray .schLine .formCheckbox + .formCheckbox {margin-top:0}
.topSchAreaGray .schLine .formText.word input {width:100%}
.topSchAreaGray .schLine .formText.word {display:block; width:100%}
.topSchAreaGray .schLine button.btnTxt {width:100%; margin-top:1rem}
[data-page-id='binzib_board_best'] .topSchAreaGray .schLine button.btnTxt {width:100%; margin-top:1rem; margin-left: 0}
[data-page-id='binzib_board'] .topSchAreaGray .schLine button.btnTxt {width:100%; margin-top:1rem; margin-left: 0}
.topSchAreaGray.type1 .schLine button.btnTxt {margin-left: 0;}
.topSchAreaGray .schLine .formText.date:nth-of-type(2) {margin-top:.5rem}
.topSchAreaGray.type2 .schLine label {margin-bottom:.5rem}
.topSchAreaGray.type2 .schLine .left {width: 100%; display:block;}
.topSchAreaGray.type2 .schLine .right {width: 100%; margin-left: 0; display: block;}
.topSchAreaGray.type2 .schLine .formText input {width:100%; padding:.4rem; height:auto}
.topSchAreaGray.type2 .schLine .formSelect select {width:calc(50% - .4rem)}
.topSchAreaGray.type2 .schLine.line2 .left.formText input {width:calc(50% - 1rem); padding:.4rem}
.topSchAreaGray.type2 .schLine.line3 .left .formText.date input {width:100%}
.topSchAreaGray.type2 .schLine.line3 .right .formSelect select {width:100%}
.topSchAreaGray.type2 .schLine.line3 .right .formSelect {width:100%; margin-top:1rem}
.topSchAreaGray.type4 .formText {width:100%}
[data-page-id='binzib_board'] .topSchAreaGray.type4 .formText {width:62%; margin-left: .5rem;}
[data-page-id='binzib_board'] .topSchAreaGray .schLine [class^="form"] + [class^="form"] {margin-top:0rem}
[data-page-id='binzib_board'] .topSchAreaGray .schLine [class^="form"]:first-child label { width: 6.5rem; }
[data-page-id='binzib_board_best'] .topSchAreaGray.type4 .formText {width:62%; margin-left: .5rem; margin-top:0rem}
[data-page-id='binzib_board_best'] .topSchAreaGray .schLine [class^="form"]:not(.formCheckbox) label:not(.ir) {width:6rem; display:block; margin-right: 0}
.topSchAreaGray.type4 .formText input{width:100%}
.topSchAreaGray.type4 .formText.date.start {width:100%}
.topSchAreaGray.type4 .formText.date.start input {width:100%}
.topSchAreaGray.type4 .innerTxt {display:none}
.topSchAreaGray.type4 .schLine [class^="form"] + .formDate {width:100% ; margin-top:1rem}
.topSchAreaGray.type4 .schLine .left {width: 100%; display:block;}
.topSchAreaGray.type4 .schLine .right {width: 100%; margin-left: 0; display: block;}
.boardViewArea .navArea > div > button {flex:none; width:100%}
.boardViewArea .navArea {padding:1.5rem 0}
.boardViewArea .topArea {padding:1.5rem}
[data-page-id='binzib_board'] .boardViewArea .attachArea {padding:1.5rem}
.boardViewArea .topArea.typeRight .type {width:100%}
.boardViewArea .topArea.typeRight .right.type2 {right: 0; position: relative; top: auto; transform: none; margin-top: 1rem; }
.bannerList li {width:100%}
[data-page-id='binzib_board_best'] .topSchAreaGray.type4 .schLine.line2 .formSelect select {width:calc(50% - .4rem)}
[data-page-id='binzib_board_best'] .topSchAreaGray.type4 .schLine .formDate {display:block; font-size:0;}
[data-page-id='binzib_board_best'] .topSchAreaGray.type4 .schLine .formDate .formText.date {display:inline-block; width:calc(50% - 1rem); vertical-align: middle; margin-top:0;}
[data-page-id='binzib_board_best'] .topSchAreaGray.type4 .schLine .formDate .innerTxt {display:inline-block; vertical-align: middle; font-size:initial;}
}
@media (max-width: 650px){
}
@media (max-width: 500px){
.listRule li .btnArea button:nth-of-type(1) {display:block; margin:0 auto}
.listRule li .btnArea .formText {margin:1rem 0; width:calc(100% - 8rem); vertical-align:middle}
.listRule li .btnArea .formText input {width:100%; text-align:center; }
.topSchArea.email .schLine:last-of-type .formText{width:calc(100% - 21rem)}
.topSchArea.email .schLine:last-of-type .formText input{width:calc(100% - 2.5rem)}
}
@media (max-width: 430px){
.visual-btn {padding:1.5rem 1rem;}
.cont-style1 .box > strong {font-size:3rem}
.cont-style1 .box .rowBox {flex-direction: column!important;}
.cont-style1 .box article:nth-child(1) {margin-left:3rem}
.cont-style1 .box article:nth-child(2) {margin-top:10rem}
.bodyWrap .contArea02 span:last-child {width: inherit; flex:1 1 20rem}
.dimgBox.mob {flex-flow:row wrap; justify-content:center}
.dimgBox.mob .imgWrap{max-width:38rem; flex: 1 1 90%}
.dimgBox.mob .imgCenter {margin:-3rem 0}
.dimgBox.mob .imgCenter:before {content:"\f15a"}
.dimgBox.mob .imgWrap img {width:100%; max-height:25rem}
.contbtmBox {padding-left:4rem; text-align:center}
.tooltipT.rightTopA .tooltipCont.mob-minW {min-width:15rem; transform:translateX(-50%);}
.tooltipT.rightTopA .tooltipCont {bottom:calc(100% + 1.5em); left:80%; transform:translateX(-60%);}
.tooltipT.rightTopA .tooltipCont:after {content:none; bottom:-5px; left:50%; margin-left:-5px}
.contFlow > ul.round.noArrow2> li {margin-left:0}
.subVisual{height:30rem}
.topSchArea.usecase [class^="form"].ty1 {width:49%}
.topSchArea.usecase [class^="form"].ty1:nth-child(3){margin:.5rem 0}
.topSchArea.usecase [class^="form"].ty2 {width:calc(100% - 12rem); margin-top:0}
.topSchArea.usecase button.btnTxt {margin-top:0}
.sotong-wrap .sns-box {width:calc(100% - 7rem)}
.sotong-wrap .swiper-container .swiper-navigation .swiper-button-next{ width:3rem; height:3rem; background-size:100% auto }
.sotong-wrap .swiper-container .swiper-navigation .swiper-button-prev{ width:3rem; height:3rem; background-size:100% auto }
.contBox .type01 >li,.contBox .type01 >div {min-width:inherit; flex:1}
.dimgBox {flex-direction:column}
.topSchArea.email .schLine:last-of-type .formText {width:calc(100% - 11rem)}
.topSchArea.email .schLine:last-of-type .formSelect select {width:10rem}
}
@media (max-width: 280px){
.mapRankingNew .mapSelect {height:350px}
.mapRankingNew .mapSelect .subMapArea {transform:scale(0.6); left:-5rem}
.mapRankingNew .mapSelect .subMapArea img {max-width:350px}
}
@media (min-width: 1024px) and (max-width: 1599px){
.header-content .gnb > ul {justify-content:flex-end}
.fm-section5 .sec-content, .fm-section5-2 .sec-content, .fm-section6 .sec-content, .fm-section6-2 .sec-content, .fm-section6-3 .sec-content, .fm-section7 .sec-content {padding:2rem 1rem}
}
@media (min-width: 1024px) and (max-width: 1200px){
.header-content .h1_logo {transform:scale(0.7);left:-6rem; top:-1.5rem }
}
@media (min-width: 1024px) and (max-width: 1350px){
.visual-cube [class^='box']{width:20rem; height:20rem}
.visual-cube [class^='box']:before{content:none}
.top-visual .txt-area .fnt-title2 span, .top-visual .txt-area .fnt-title6 span {font-size:4rem}
.visual-cube {left:45%}
.top-visual .txt-area {padding-left:5rem}
}
@media (max-width: 1599px){
.fixed-banner {display: none;}
.secBody {padding:1.5rem}
}
html {
font-size: 10px;
}
/* @media (max-width: 1640px) {
html {
font-size: 9px;
}
.layout {
padding: 0 6rem;
}
} */
@media (max-width: 1280px) {
html {
font-size: 9.5px;
}
.layout {
padding: 0 6rem;
}
}
@media (max-width: 768px) {
#header-new {border-bottom: .1rem solid #36518b;}
html {
font-size: 9px;
}
.layout {
padding: 0 4rem;
}
.subBar {height:0; padding: 3.5rem;}
[data-page-id='binzib_2_1_3_1'] .subVisual .sub-title-util {display: none;}
.subBar .sub-title-util {display: none;}
.subVisualTitle h2 {font-size: 3rem; margin-top: 2rem;}
.subVisualTitle h3 {font-size: 2rem; margin-top: 1.5rem; margin-left: 4px;}
.subT h3 {font-size: 1.85rem; margin-top: 1rem; margin-left: 4px;}
.mapRankingNew .dataArea2 .unitLegend { margin-top: 15rem; }
img:not(.hl1, .hl2) {margin-top: -.7rem;}
.header-content img {}
.h1_logo {
display: flex;
align-items: center;
gap: 25px;
padding-left: 20px;
}
.hl1 {
width: 30vw;
}
.hl2 {
width: 40vw;
}
[data-page-id='binzib_board'] .formSelect.narrow.A1 { width: 100%;}
#toggleSection {margin-top: 1rem;}
footer .secBottom .leftArea .qna-container {
position:relative;
width:25.45px;
top:20px;
left:83%;
}
footer .secBottom .leftArea .qna_text {
top:-3px;
position:absolute;
margin-left:30px;
font-size:11px;
font-weight:bold;
color:#797979
}
footer .secBottom .leftArea .call { top-margin:4rem;}
}
.qna-container {
position:relative;
width:39.39px;
left:83%;
}
.qna_text {
top:20%;
position:absolute;
margin-left:50px;
font-size:1.6rem;
font-weight:bold;
color:#797979
}
.winPopHead {display:flex; align-items:center; position: relative; height:5rem; background-image:linear-gradient(to right, #1b6db5,#1b6db5, #3caeab); color:#fff; padding:1rem 1rem; flex:none; box-shadow:0px 0px 3px rgba(0,0,0,0.2) }
.winPopHead .popClose{position: absolute; right:1rem; top:1.5rem; color:#fff }